How to instantiate and apply directives programmatically?

by

No, directives can’t be added or removed dynamically. They are only applied to HTML statically added to component templates.

What you could do is to enable/disable the directive by passing a parameter (@Input()) to the directive to notify it to do something or not.

More Related Contents:

  1. Angular HTML binding
  2. angular2: Error: TypeError: Cannot read property ‘…’ of undefined
  3. Angular2: Cannot read property ‘name’ of undefined
  4. NgFor doesn’t update data with Pipe in Angular2
  5. How can I write data attributes using Angular?
  6. Angular2 multiple router-outlet in the same template
  7. OrderBy pipe issue
  8. Angular 2 Scroll to top on Route Change
  9. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  10. Get Value From Select Option in Angular 4
  11. How to extend / inherit components?
  12. Angular 2 Read More Directive
  13. Angular2: How is ngfor expanded
  14. How to add “class” to host element?
  15. vs
  16. Angular2 – Interpolate string with html
  17. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  18. Angular 2 input parameters on root directive [duplicate]
  19. What is let-* in Angular 2 templates?
  20. How to truncate text in Angular2?
  21. is there any alternative for ng-disabled in angular2?
  22. Angular 2: How to write a for loop, not a foreach loop
  23. How to detect scroll to bottom of html element
  24. How to check the length of an Observable array
  25. How can I use ngFor to iterate over Typescript Enum as an array of strings
  26. How to access host component from directive?
  27. How is Angular’s *ngFor loop implemented?
  28. Angular 2 disable sanitize
  29. What is the difference between component and directive?
  30. Why angular 2 ngOnChanges not responding to input array push

Leave a Comment