我想为组件选择器使用元素 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>`
})
最佳答案
是的!!!
angular 2+ 也支持 ID 选择器。 我们可以使用元素、类或 id。下面是可以工作的代码。
- 使用 id 选择器
@Component({
选择器:'[id=idname]',
templateUrl: '模板路径',
styleUrls: ['css 路径']
})
- 使用类选择器
@Component({
选择器:'.classname',//或'[class=classname]'
templateUrl: '模板路径',
styleUrls: ['css 路径']
})
- 使用元素选择器
@Component({
选择器:'元素名称'
templateUrl: '模板路径',
styleUrls: ['css 路径']
})
关于Angular - 使用 ID 的组件选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42985942/