Dropdown menue in RecipeDetailsComponent (see in html => appDropdown) isn't working

[Sara-pixie]

I believe this code used to work as far back as before I split the code into separate modules and implemented lazy loading (though I am not 100% sure since I didn't test that part then because I haven't changed anything related to it at the time).
I left the DropdownDirective inside the app.module.ts though.

And it works just fine for the dropdown in the header, but when I reach the one in RecipeDetailsComponent (ts file) - see html file and find appDropdown on line 16 the constructor in DropdownDirective doesn't create a separate reference and thus doesn't add class 'open' to that dropdown.

How can it be fixed?

P.S.: to test the code you can login with 'test@test.com' and password: '111111' so you don't have to create a new account.