Angular 4:动态设置局部变量#
发布时间:2020-12-17 07:52:44 所属栏目:安全 来源:网络整理
导读:有没有办法动态设置#id,角度用来构造@ViewChild元素引用的HTML属性? 具体需要:我有以下模板,通过迭代* ngFor创建,我想在迭代上分配Angular id. ul li *ngFor="let link of links" /li/ul 在解释之后,最终得到如下结果: ul li #link1 /li li #link2 /li /u
有没有办法动态设置#id,角度用来构造@ViewChild元素引用的HTML属性?
具体需要:我有以下模板,通过迭代* ngFor创建,我想在迭代上分配Angular id. <ul> <li *ngFor="let link of links"> </li> </ul> 在解释之后,最终得到如下结果: <ul> <li #link1> </li> <li #link2> </li> </ul> 现在我知道了许多其他获取元素的方法,我可以将#分配给ul元素等,但是想知道是否有办法在ngFor上进行. 在看到答案并尝试组合后进行编辑: 似乎没有办法为* ngFor生成的单个元素分配不同的局部变量标识符.
尽管常规变量和#之间看似相似,但可以将多个元素分配给单个本地模板引用变量:
<ul> <li *ngFor="let link of links" #linkRef></li> </ul> 可以通过以下方式获得: @ViewChildren('linkRef') linkRefs; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |