在Dart Angular中,如何将函数传递给组件

时间:2013-12-07 15:50:31

标签: dart angular-dart

我有一个组件MyComp,我想将一个函数作为参数传递给它。 更准确地说,我想做类似的事情:

dart组件文件:

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

   ....
   myfunc();
}

HTML:

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

问题是myfunc在组件中为null。 我错过了什么吗?我怎么能这样做?

2 个答案:

答案 0 :(得分:7)

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

@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

答案 1 :(得分:6)

AngularDart中的首选方法是使用注释

@NgCallback('myfunc') Function myFunc;