如何在{{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个别人做好的组件：

1. ember-radio-button

2. ember-radio-buttons

参考资料

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

关键字：ember.js

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！