Angular 角度4。对图元的引用和应用样式

如何引用具有相同#属性的一组元素，并对其应用样式

<div #slide></div>
<div #slide></div>

---

但它会记录

未定义的
它不起作用，因为
ngOnInit
在将
组件
html加载到DOM树之前，组件一实例化就循环调用。您应该在lifecyclehook中执行此操作，因为它确保将内部内容和组件加载到DOM中

ngAfterViewInit(): void {
    console.log(this.slides)
}

根据您的用例，您可能希望创建一个自定义指令来完成任务。在这里，您将使用主机绑定。它最终可能会变得更干净，因为您将ID放得到处都是，并且您可以使它在父组件之外可重用
 为什么不直接使用
[ngStyle]
等。？
ngAfterViewInit(): void {
    console.log(this.slides)
}