Как дифференцировать компонент в угловых 6

Question

Я пытаюсь создать глобальный компонент, но он работает одинаково, как и во всех местах. Я хочу использовать с разными значениями меток и во многих дворцах, таких как аглобальный компонент. Я изучаю угловой 6, поэтому сейчас сталкиваюсь с проблемой.Как это решить?

сервис:

  addComp(Names,c){
  let item = {name: Names, componentid: c};
  if (this.item.find((test) => test.name === Names) === undefined) {
  this.item.push(item);
  }
  }

Answer 1

Вы можете использовать декоратор @Input, чтобы объявить значения в вашем BreadcrumbDemoComponent, которые вы хотите отличать, и передать эти значения как свойства в теге селектора.

Пример:

app-component.html

<breadcrumb-demo [label]="'Value 1'"></breadcrumb-demo>
<breadcrumb-demo [label]="'Value 2'"></breadcrumb-demo>

breadcrumb-demo.component.ts

...
export class BreadcrumbDemoComponent {
@Input() label;
...
}

breadcrumb-demo.component.html

...
<h1>{{ label }}</h1>
...