Angular 4:将函数作为参数传递给模板中的组件

时间:2017-06-29 17:24:56

标签: angular typescript

在AngularJS中,可以将函数签名传递给组件属性,并从组件内部调用函数,使参数符合正确的签名。

实际上,这就像将事件处理程序从父组件分配给子组件的事件,但是在HTML模板内而不是在控制器的JS代码中。

Angular 4中是否有相同的方法(或更好的方法)?也许只有一个替代语法同样的东西,我不确定,

HTML:

<app-component onTrigger="doSomethingOnTrigger(id, args)">
</app-component>

JS(在子控制器中,参数必须作为单个对象传递):

vm.onTrigger({ id: id, args: args }); 

绑定定义如下所示,

.component("appComponent", {
        bindings: {
            onTrigger: "&"

谢谢!

0 个答案:

没有答案
相关问题