#nlement를 * ngFor로 만든 요소에 바인딩하십시오.

Question

* ngFor를 사용하여 여러 개의 div를 만듭니다. 그들 중 한 명에게 손을 얹고 싶습니다. elReference가 정의되지 않은 남아 있기 때문에

.html 
<div #elReference *ngFor="let el of elements> HEHE </div> 

.ts 
    @ViewChild("elReference") elReference: ElementRef; 

분명히, 당신은 * ngFor와 ViewChild 사용할 수 없습니다.

* ngFor를 사용하여 만든 요소 참조를 어떻게 얻습니까?

Answer 1

가 선택적으로 을 템플릿 변수를 추가 할 수있는 방법이 없습니다하지만 당신은 그에 의해 선택적으로 마커를 추가하고 필터링 할 수 있습니다

<div #elReference [attr.foo]="el.x == 'foo' ? true : null" *ngFor="let el of elements> HEHE </div> 

ngAfterViewInit() { 
    console.log(this.elReference.toArray() 
     .filter(r => r.nativeElement.hasAttribute('foo'))); 
}