时间戳

首页 > 解决方案 > 如何区分角度6中的组件

angular5 - 如何区分角度6中的组件

问题描述

我正在尝试创建一个全局组件，但在所有地方都一样。我想使用不同的标签值和许多宫殿，比如全局组件。我正在学习 Angular 6，所以现在面临麻烦。如何解决？

服务：

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

标签： angular5angular6angular2-services

解决方案

您可以使用@Input装饰器来声明BreadcrumbDemoComponent您想要不同的值，并将这些值作为属性传递给选择器标记。

例子：

应用组件.html

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

面包屑-demo.component.ts

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

面包屑-demo.component.html

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

推荐阅读