文章來源：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個別人做好的組件：

ember-radio-button

ember-radio-buttons

參考資料

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

總結

以上是生活随笔為你收集整理的如何在{{input}}中使用action的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。