Why am I seeing a dropdown like thingy and need to “open” my Angular component in chrome

by

My colleague found the culprit, seems that ‘details‘ is a bad selector for an angular component… since HTML5 already contains a <details>-tag.
So don’t use:

@Component({
  selector: 'details',
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.css']
})

rather use:

@Component({
  selector: 'detailsWhatever',
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.css']
})

Or any other selector that is not just 'details'.
Doh!

More Related Contents:

  1. i got this error when i use command ng new myprojectname to create new project in angular
  2. Delegation: EventEmitter or Observable in Angular
  3. Send data through routing paths in Angular
  4. How to set without causing `unsafe value` exception?
  5. @ViewChild in *ngIf
  6. Should I write methods as arrow functions in Angular’s class
  7. Dynamic template reference variable inside ngFor (Angular 9)
  8. What’s the difference between markForCheck() and detectChanges()
  9. Angular 4: no component factory found,did you add it to @NgModule.entryComponents?
  10. How to dynamically add and remove form fields in Angular 2
  11. Angular Material: mat-select not selecting default
  12. Compile dynamic HTML in Angular 4/5- something similar to $compile in Angular JS
  13. How to create an RXjs RetryWhen with delay and limit on tries
  14. What is in Angular 2 Opaque Token and What’s the Point?
  15. Ionic – Horizontal scroll tab for Categories [duplicate]
  16. Difference between interfaces and classes in Typescript
  17. Angular 2 ng2-bootstrap modal inside child component called from parent component
  18. Generic email validator
  19. formGroup expects a FormGroup instance
  20. Angular2 @Input to a property with get/set
  21. Angular 2: How to use JavaScript Date Object with NgModel two way binding
  22. How to truncate text in Angular2?
  23. Angular Material 2 DataTable Sorting with nested objects
  24. Angular 6.0 firebase hosting deploy not working
  25. Angular 2 – Services consuming others services before call a method
  26. want to show more data in another component when view in detail button is clicked (angular 6)
  27. What is the difference between “ng-bootstrap” and “ngx-bootstrap”?
  28. Disable Input fields in reactive form
  29. angular 6 warning for using formControlName and ngModel
  30. Angular 2 beta – Select not working (except in Chrome)

Leave a Comment