如何在{{input}}中使用action

文章來源：Ember Teach

開發中常常遇到須要在一個input輸入框觸發JS函數，那麼對於Ember.js的{{input}}又如何才能出發自定義的action呢？

實現起來很是簡單！請看下面的代碼演示：

舊版本實現方式

{{input type="text" value=email action="clearTipInfo" on="focus-in"}}

新版本實現方式

{{input type="text" value=email focus-in="clearTipInfo"}}

這是一段很是常見的輸入框代碼，稍微不一樣的是最後2個屬性的設置，它們所起的做用就是：當輸入框獲得焦點的時候出發action所指定的方法clearTipInfo。觸發的JS函數須要用on指定，JS的函數不能隨便寫，所支持的JS函數請看event names

補充

ember並無提供封裝好的radio按鈕組，若是你須要用到radio你能夠本身使用組件封裝，或者直接使用原生的html。

若是你非得使用Ember風格的radio又不想本身定義組件那就是用現成的吧。下面推薦2個別人作好的組件：

1. ember-radio-button

2. ember-radio-buttons

參考資料

https://www.emberaddons.com/?query=radio