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