EmberJS 通过操作发送参数的组件
2018-01-03 19:10 更新
描述
您可以使用sendAction()方法通过操作发送参数,该方法为路由或控制器提供附加上下文以处理操作,并且将字符串'action'作为第一个参数。
语句
this.sendAction('action', param1, param2);
例子
<!DOCTYPE html> <html> <head> <title>Emberjs Sending Parameters with an Action</title> <!-- CDN's --> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js"></script> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.10.0/ember.min.js"></script> <script src="https://builds.emberjs.com/tags/v1.10.0-beta.3/ember-template-compiler.js"></script> <script src="https://builds.emberjs.com/release/ember.debug.js"></script> <script src="https://builds.emberjs.com/beta/ember-data.js"></script> </head> <body> <script type="text/x-handlebars" data-template-name="index"> <p>{{my-comp title=title action="compFunc"}}</p> </script> <script type="text/x-handlebars" data-template-name="components/my-comp"> <input type="button" value="Click Me For Title" {{action "compFunc"}}/><br/> <p><b>Title:</b> {{title}}</p> </script> <script type="text/javascript"> App = Ember.Application.create(); App.MyCompComponent = Ember.Component.extend({ actions: { compFunc: function() { //simply addind an additional parameters to the sendAction() method this.sendAction('action', this.set('title', "Tutorialspoint")); } } }); </script> </body> </html>
输出
让我们执行以下步骤,看看上面的代码如何工作:
将上面的代码保存在comp_param.html文件中
在浏览器中打开此HTML文件。
以上内容是否对您有帮助:
更多建议: