如何在angular2中绑定到data-*属性？

14 浏览
0 Comments

如何在angular2中绑定到data-*属性？

假设我有一个非常大的单元格网格，我想要添加data-row和data-col属性的值，并从模型绑定。在Angular2（Dart中的beta0版本）中如何绑定data-row？\n使用data-row=\"{{boundVal}}\"进行绑定似乎不起作用。\n（输出的HTML中没有出现data属性）\n例如：\n

0

1 答案

0 Comments

在Angular 2中，我们可以通过属性绑定来绑定到HTML元素的属性。然而，在绑定到自定义属性时可能会遇到一些问题。下面的问题就是一个例子。

问题的原因是，在绑定到data-row属性时，如何在点击事件中传递data-row的值。

解决方法是，在点击事件中传递cell.index的值。

具体代码如下：

[attr.data-row]="row.index" [attr.data-col]="cell.index"


just pass [apcode]
cell.index




[/apcode]


这样就可以成功绑定到data-row属性，并且在点击事件中传递data-row的值。
0