Remove/replace a component’s selector tag from HTML [duplicate]

by

Replace was deprecated in AngularJS 1.x according to https://github.com/angular/angular/issues/3866 because it seemed to not be a good idea.

As a workaround you can use an attribute selector in your component like 

selector: '[my-component]'


selector: '[myComponent]'

and then use it like 

<div my-component>Hello My component</div>


<div myComponent>Hello My component</div>

hint

Directive selectors should be camelCase instead of snake-case.
Snake-case is only used for element selectors, because the - is required for custom elements. Angular doesn’t depend on components being custom elements, but it’s considered good practice to comply with this rule anyway.
Angular works fine with camelCase attributes and uses them with all directives (*ngFor, ngModel, …), and is also suggested by the Angular style guide.

More Related Contents:

  1. Angular 2 – how round calculated number?
  2. Angular/RxJS When should I unsubscribe from `Subscription`
  3. Is it necessary to unsubscribe from observables created by Http methods?
  4. Dynamically add event listener
  5. What is the equivalent of ngShow and ngHide in Angular 2+?
  6. How to iterate object keys using *ngFor
  7. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  8. How to use `trackBy` with `ngFor`
  9. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  10. Angular and Typescript: Can’t find names – Error: cannot find name
  11. Angular 2 Scroll to top on Route Change
  12. how to format date in Component of angular 5
  13. Angular 4 validator to check 2 controls at the same time
  14. vs
  15. Multiple conditions in ngClass – Angular 4
  16. angular4 httpclient csrf does not send x-xsrf-token
  17. Angular 2 Basic Authentication not working
  18. How do I get the absolute path of the current page in Angular 2?
  19. Property ‘json’ does not exist on type ‘Object’
  20. Error: Unexpected value ‘undefined’ imported by the module
  21. Update parent component property from child component in Angular 2
  22. How to use variable to define templateUrl in Angular2
  23. ‘node-sass’ usage is deprecated and will be removed in a future major version
  24. Observable.of is not a function
  25. Angular 4 Lazy loading with named router-outlet not working
  26. How to execute only one test spec with angular-cli
  27. Angular 4 Material table highlight a row
  28. How to change angular material datepicker format
  29. How to make a post request with angular 5
  30. Does Angular2 use Web Components?

Leave a Comment