web-dev-qa-db-ja.com

angular ngFor内の動的要素のviewChild

私のテンプレートには次のようなものがあります:

<div *ngFor="let data of array">
    <div #div></div>
</div>

#を使用して各divに異なる名前を付ける方法はありますか?その場合、後でTSファイルでそれらにアクセスするにはどうすればよいですか?

ところで、これらは何と呼ばれていますか?私は今これらが何であるかを知っているのでそれらを検索することはできません

12

@Commerical Suicideが述べたように、参照を動的に設定することはできません。

_#div_は、 テンプレート参照変数 と呼ばれます。

_*.ts_ファイル内の ViewChildren を介してdivsにアクセスできます。

サンプル:@ViewChildren('div') divs: QueryList<ElementRef>

次に、QueryListforEachなど、新しいfindで複数のメソッドを呼び出すことができます。

13
Batajus