dart - 分配属性值后做某事

Question

在通过角 Dart 设置成员后，我想做一些映射:

@Component(
    selector: 'travel-step',
    templateUrl: 'packages/TravelPlanner/travelstep/travel_step_component.html',
    useShadowDom: false,
    publishAs: 'cmp')
class TravelStepComponent {
  // Deprecated but impossible to replace, since the new syntax is not ready
  @NgTwoWay('step')
  TravelStep step;

  TravelStepComponent() {
    // step is null at the moment
  }
}

我正在使用角度 v. 0.12。调用构造函数时，step 仍然为空。
我可以用 watch 表达式来做，但我只想做一次，所以这个解决方法不是我想要的。

Answer 1

你可以实现AttachAware并将您的代码放入 attach()方法。
通过实现 ShadowRootAware 可以实现类似的行为和 onShadowRoot() .

您需要给 Angular 一些时间来评估绑定(bind)并分配值。根据您的要求使用其中一种方法。

有时它可能有助于(另外)将您的代码包装成

new Future(() {
  your code here
});

延迟代码的执行。

另一种方法是实现一个 setter 并在那里执行你的逻辑

@NgTwoWay('step')
TravelStep _step;
TravelStep get step => _step;
set step(TravelStep s) {
  // your code here
  _step = s;
  // or here
}