angular – 可在模板中使用的组件实例名称空间/ id

发布时间：2020-12-17 10:24:12 所属栏目：安全来源：网络整理

导读：我理解如何使用ElementRef并且应该避免设置元素id,但是仍然存在要设置元素的id属性的情况. 例如,使用输入和标签(由于第三方CSS而无法嵌套)： input [attr.id]="'myinput'+instanceId" /label = [attr.for]="'myinput'+instanceId"My Label/label 为简单起见,

我理解如何使用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团队提出功能请求吗？

在网上阅读了一些讨论后,我决定使用 https://github.com/angular/angular/issues/5145#issuecomment-256354115中提出的lodash方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!