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

Question

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

在模板中，我有：

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

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

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'))
}