如何在Angular 7中为每个for..loop元素创建不同的引用

问题描述 投票:0回答:1

请在下面找到我的stakblitz链接。

https://stackblitz.com/edit/angular-sbkgbf

我在每个下拉菜单的左侧放置了一个按钮,以打开相应的下拉菜单。我通过通过@ViewChild创建mat-select的引用以编程方式打开了下拉列表。我的问题是,只有ABCD下拉列表会为所有按钮单击打开。但是,当我尝试通过单击直接打开下拉列表时,我可以分别打开它们。因此,我可以理解,对于在for ...循环中创建的所有mat-option,在打字稿中都具有相同的引用。如何为每个引用创建单独的引用,以便在单击按钮时打开相应的下拉列表。还是我以错误的方式达到我的要求?如果是这样,我们还有其他方法可以实现。预先感谢。

typescript angular7
1个回答
0
投票

好的,我找到了答案。我只是通过click事件从html传递了本地引用,并处理了打字稿中mat-select的打开。

https://stackblitz.com/edit/angular-sbkgbf

© www.soinside.com 2019 - 2024. All rights reserved.