Angular添加自定义属性并绑定一个变量 (实用）

原文出处：https://blog.youkuaiyun.com/moqiuqin/article/details/98730433?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_linkhttps://blog.youkuaiyun.com/moqiuqin/article/details/98730433?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link

如果我们需要绑定一个变量的话，需要使用attr，关于attr在官网上有说明，见模板语法部分

正确的使用方式是：[attr.data-index]="i"，片段如下
 

<a href="javascript:void(0)" *ngFor="let item of images, let i=index" (click)="locationImage(i)"  [attr.data-index]="i"></a>

获取的时候通过模板引用变量获取就可以了，但是如果像我这里通过循环产生的话，获取不是很方便，可以通过在父节点使用模板引用变量，通过父获取子