Angular Dropdown directive doesn't work

Question

I am using Angular 6.0.5 alongside with Bootstrap 4.1.1 and I added a directive for dropdowns. But I can\'t make it work in no way. I have seen a lot of similar problems her

Answer 1

In order to work drop down in bootstrap you need to add show class in two places which you can achieve by get the reference to isOpen variable using angular template ref

If you want to get the reference to directives you need to export the directive first

@Directive({
  selector: '[appDropDown]',
exportAs:'appDropDown'
})

Then you can use the template ref method to achive dropdown

  
    Manage
    
  

    
To Shopping List
    
Edit Recipe
    
Delete Recipe
  

I have include example here check out: https://stackblitz.com/edit/angular-h9rgmn