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

Question

我在从 HTML 数据属性获取数据到组件时遇到问题。

在模板中我有:

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

单击后如何在类方法中调用此数据属性？有一些 ng 工作流或 purejs？

console.log(data)

Answer 1

不确定我是否 100% 相信这里，但如果您只是想要来自 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'))
}