Angular2从HTML数据属性获取数据到组件

Question

我遇到从HTML数据attr到组件的数据问题。

在模板中我有：

<button [attr.data-direction]="next" type="text" (click)="nextNotes()" [disabled]="checkPage(paginator)"> > </button>

如何在点击后在类方法中调用此数据attr？那个或purejs有一些ng工作流程吗？

console.log(data)

Answer 1

不确定我是否100％获得了capish，但如果你只想要data-directive的值，那么你可以将按钮作为局部变量传递给nextNotes()并使用它从那里检索值getAttribute

模板：

<button #btn data-direction="next" type="text" (click)="nextNotes(btn)" [disabled]="checkPage(paginator)"></button>

班级方法：

nextNotes(val) {
  console.log(val.getAttribute('data-direction'))
}