范围不在ng-repeat内工作

Question

我在AngularDart中的ng-repeat中有一个奇怪的行为/错误：

如果我使用以下代码，则不会出现错误：

<div class="row col-xs-12" ng-repeat="step in tp2.plan.steps">
  {{ tp2.callback }}
  <travel-step step="step" deleteCallback="tp2.callback"></travel-step>
</div>

回调在我的控制器中定义如下：

@Controller(selector: '[add-travelplan-controller]', publishAs: 'tp2')
class AddTravelPlanController {

  Function callback = () {
    print("it works!");
  };
...
}

如果我删除{{ tp2.callback }}，我会收到如下错误：

No getter for 'callback'.

我正在使用棱角v 0.12

Answer 1

回调应该像这样传递：

<travel-step step="step" deleteCallback="tp2.callback()"></travel-step>

请记住在组件中使用@NgCallback进行绑定，您可以从组件中调用它，如下所示：

@NgCallback('deleteCallback')
Function deleteCallback;
delete(){
   deleteCallback();
}