在 Dart Angular 中，如何将函数传递给组件 [英] In Dart Angular, how to pass functions to component

问题描述

我有一个组件 MyComp，我想将一个函数作为参数传递给它.更准确地说，我想做这样的事情:

I have a component MyComp and I would like to pass a function to it as parameter. More precisely I would like to do something like that:

dart 组件文件:

 @NgComponent(
        selector: 'mycomp',
        publishAs: 'ctrl',
        map: const {
          'myfunc' :'=> myfunc'
        }
    )
class MyComponent {
   Function myfunc;

   ....
   myfunc();
}

html:

<mycomp myfunc="ctrl.myfunc"></button-list>

问题是组件中的 myfunc 为空.我错过了什么吗?我该怎么做?

The problem is that myfunc is null in the component. Do I miss something? How can I do that?

推荐答案

使用 '&'将函数绑定到字段:

Use '&' to bind a function to a field:

@NgComponent(
    selector: 'mycomp',
    publishAs: 'ctrl',
    map: const {
      'myfunc' :'&myfunc'
    }
)
class MyComponent {
    Function myfunc;

   ....
   myfunc();
}

http://ci.angularjs.org/view/Dart/job/angular.dart-master/javadoc/angular.core/NgComponent.html#map

这篇关于在 Dart Angular 中，如何将函数传递给组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！