獲取更改事件

Question

選擇的選項值我一張有以下屬性dropdown：

<select value.bind="row.columns[$parent.$index].colSize" change.delegate="changeColumnSize($parent.$index, $index, row.columns[$parent.$index].colSize)"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

但似乎我無法通過row.columns[$parent.$index].colSize作爲參數。它始終是undefined。

如何將下拉列表中的選定值直接傳遞給change事件方法？

Answer 1

您在選擇選項中缺少value.bind。我寧願使用mode.bind而不是value.bind。嘗試是這樣的：

<template> 
    <select value.bind="changedValue" change.delegate="DropdownChanged(changedValue)"> 
     <option model.bind="1">1</option> 
     <option model.bind="2">2</option> 
     <option model.bind="3">3</option> 
     <option model.bind="4">4</option> 
    </select> 
</template> 



export class App { 
    changedValue; 


    DropdownChanged(changedVal) { 
    alert(changedVal); 
    } 

} 

我不知道你想綁定的選擇是什麼，但基本上你想創建一個可以選擇的值綁定過的變量。所以，選定的值將被設置爲changedValue的變量。我喜歡使用model.bind，因爲我可以綁定true/false值而不是一切都是字符串。

我做了一個運行中的Gist，供您根據需要使用： https://gist.run/?id=87f6897928feb504dad638d439caf92f