Angular - 使用 ID 的组件选择器

Question

我想对组件选择器使用元素 ID，但它不起作用。

这在 Angular 中是不允许的吗？如果是这样为什么不呢？

（因此匹配的选择器.btnAction，并且按钮被插入到组件 1 的模板中，但#btnAction没有）

我不确定这是否必要，但通过以下代码，我确认其他CSS 选择器可以工作（例如类和属性），但 ID 不能。

组件1

@Component({
    selector: 'myelement',
    template: `<div id="btnAction" class="btnAction"></div>`,
    directives: [ActionBtn]
})

组件2

@Component({
    selector: '#btnAction',
    template: `<button>{{btnTitle}}</button>`
})

Answer 1

是的！！！

Angular 2+ 也支持 ID 选择器。我们可以使用元素、类或 id。下面是可以工作的代码。

@Component({ selector: '[id=idname]', templateUrl: 'template path', styleUrls: ['css path'] })

@Component({ selector: '.classname', //or '[class=classname]' templateUrl: 'template path', styleUrls: ['css path'] })

@Component({ selector: 'elementname' templateUrl: 'template path', styleUrls: ['css path'] })