文章来源: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