如何区分角度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>
...