在Angular 5中,您可以使用@ViewChildren装饰器和QueryList来访问div列表。以下是一个示例解决方案:
{{ item }}
import { Component, ViewChildren, QueryList, ElementRef } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
@ViewChildren('divRef') divRefs: QueryList;
items = ['Item 1', 'Item 2', 'Item 3'];
ngAfterViewInit() {
this.divRefs.forEach((divRef: ElementRef) => {
// 在这里执行您想要的操作,比如修改样式、添加事件监听器等
console.log(divRef.nativeElement);
});
}
}
在ngAfterViewInit生命周期钩子函数中,您可以遍历divRefs并执行您想要的操作,比如修改样式、添加事件监听器等。
请注意,divRefs是一个QueryList对象,它提供了一些有用的方法,比如forEach和toArray。您可以根据需要使用这些方法来处理div元素列表。