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

文章来源:Ember Teachhtml

开发中常常遇到须要在一个input输入框触发JS函数,那么对于Ember.js的{{input}}又如何才能出发自定义的action呢?npm

实现起来很是简单!请看下面的代码演示:api

旧版本实现方式函数

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

新版本实现方式code

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

这是一段很是常见的输入框代码,稍微不一样的是最后2个属性的设置,它们所起的做用就是:当输入框获得焦点的时候出发action所指定的方法clearTipInfo。触发的JS函数须要用on指定,JS的函数不能随便写,所支持的JS函数请看event nameshtm

补充blog

ember并无提供封装好的radio按钮组,若是你须要用到radio你能够本身使用组件封装,或者直接使用原生的html。ip

若是你非得使用Ember风格的radio又不想本身定义组件那就是用现成的吧。下面推荐2个别人作好的组件:开发

  1. ember-radio-buttonget

  2. ember-radio-buttons

参考资料

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

相关文章
相关标签/搜索