Angular2從HTML數據屬性獲取數據到組件

我有從HTML數據attr到組件獲取數據的問題。Angular2從HTML數據屬性獲取數據到組件

模板，我有：

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

我怎麼能叫類方法這個數據ATTR點擊後？那個或purejs有一些ng工作流程？

console.log(data)

你想獲得** data-direction **屬性？嘗試使用這個'

檢索屬性。但是什麼類型的變量myBtn？ –

'ElementRef'，你可以像這樣''構造函數（myBtn：ElementRef）{...}檢索它，然後你可以用'myBtn.nativeElement.getAttribute（...） –

不知道如果我在這裏是100％capish，但如果你只是想從data-directive值，那麼你可以從那裏使用getAttribute

通過按鈕作爲一個局部變量來 nextNotes()和檢索值

模板：

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

類方法：

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

2017-02-07 17:05:46 unitario

回答