文章來源：Ember Teach

開發(fā)中經(jīng)常遇到需要在一個(gè)input輸入框觸發(fā)JS函數(shù)，那么對于Ember.js的{{input}}又如何才能出發(fā)自定義的action呢？

實(shí)現(xiàn)起來非常簡單！請看下面的代碼演示：

舊版本實(shí)現(xiàn)方式

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

新版本實(shí)現(xiàn)方式

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

這是一段非常常見的輸入框代碼，稍微不同的是最后2個(gè)屬性的設(shè)置，它們所起的作用就是：當(dāng)輸入框得到焦點(diǎn)的時(shí)候出發(fā)action所指定的方法clearTipInfo。觸發(fā)的JS函數(shù)需要用on指定，JS的函數(shù)不能隨便寫，所支持的JS函數(shù)請看event names

補(bǔ)充

ember并沒有提供封裝好的radio按鈕組，如果你需要用到radio你可以自己使用組件封裝，或者直接使用原生的html。

如果你非得使用Ember風(fēng)格的radio又不想自己定義組件那就是用現(xiàn)成的吧。下面推薦2個(gè)別人做好的組件：

ember-radio-button

ember-radio-buttons

參考資料

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。