如何在{{input}}中使用action
生活随笔
收集整理的這篇文章主要介紹了
如何在{{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個別人做好的組件:
ember-radio-button
ember-radio-buttons
參考資料
https://www.emberaddons.com/?query=radio
總結
以上是生活随笔為你收集整理的如何在{{input}}中使用action的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 企业员工工资管理系统
- 下一篇: IntelliTrace 调试、定位异常