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

是!!!

角度2+也支持

ID选择器。 我们可以使用元素，类或id。下面是可以使用的代码。

1. 使用id选择器

var str = "Hello hello hello hello"; var lengthOfE = str.match(/e/gi).length; console.log(lengthOfE);

1. 使用班级选择器

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

1. 使用元素选择器

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