Question

我了解如何使用 ElementRef ，并且应该避免设置元素ID，但仍有一些情况需要设置元素的id属性。

例如，使用输入和标签（由于第三方CSS而无法嵌套）：

<input [attr.id]="'myinput'+instanceId" />
<label = [attr.for]="'myinput'+instanceId">My Label</label>

为了简单起见，我刚刚增加了这样的数字：

let numInstances = 0;

@Component({

})
export class MyComponent {

  private instanceId: number;

  constructor(){
    this.instanceId = numInstances++;
  }
}

但我想知道是否有可以在模板中使用的组件实例命名空间。像这样的东西？ Angular2将用组件实例的唯一字符串替换＃。

<input [attr.id]="#myinput" />
<label = [attr.for]="#myinput">My Label</label>

如果这不存在，您认为我应该向Angular2团队提出功能请求吗？

Answer 1

在网上阅读了一些讨论后，我决定使用https://github.com/angular/angular/issues/5145#issuecomment-256354115

中提出的lodash方法

它对我有用，希望它可以帮助别人！

可在模板中使用的组件实例名称空间/标识

1 个答案: