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。下面是可以工作的代码。

1. 使用 id 选择器

@Component({
选择器:'[id=idname]'，
templateUrl: '模板路径',
styleUrls: ['css 路径']
})

1. 使用类选择器

@Component({
选择器:'.classname'，//或'[class=classname]'
templateUrl: '模板路径',
styleUrls: ['css 路径']
})

1. 使用元素选择器

@Component({
选择器:'元素名称'
templateUrl: '模板路径',
styleUrls: ['css 路径']
})