將html元素的值作為ember中的參數傳遞

Question

抱歉，這是一個愚蠢的問題，但我似乎無法弄清楚。 我需要將row元素的值傳遞給它調用的函數，但似乎無法訪問該值。 我無法為行提供唯一的ID，因為我向表添加行的過程涉及復制行並更改其值。 這是我的代碼：

    <tr value = "0" onmouseover={{action 'displayBar' this.value}}>

          //     ^ This is the value I am trying to pass      ^ This is how I am trying to pass it

我已經嘗試過this.value，value =“ target.value”，value等，但是所有結果都不確定。 我無法確定參數的唯一方法是，如果我只是發送“ 0”作為參數而不是this.value。

Answer 1

target.value僅適用於input元素。 value不是input之外的元素的HTML屬性，因此目標沒有與該屬性相等的value屬性。

您可以這樣傳遞整個目標：

<tr data-value=0 onmouseover={{action 'displayBar' value="target"}}>

然后在你的js中：

actions: {
  displayBar(target) {
    const value = target.getAttribute('data-value');
  }
}

這是可用的Ember Twiddle： https ：//ember-twiddle.com/c177c2be6f7d740968e2f02f79748d83 ？ openFiles = controllers.application.js％2C（只需將鼠標懸停在“很多東西”上）

Answer 2

這項工作：

<tr onmouseover={{action 'displayBar' 0}}>

？