20

我正在创建一个组件。因为我喜欢 Apache Wicket 的做事方式，所以我试图模仿IModel传递数据的方式。为此，我向子组件传递了一个模型和回调，它们可以提取相关值，而不是调用一个函数来预先获取数据。

问题是，处理新设置的模型使用回调。因此，如果在设置回调之前调用模型设置器，Angular 就会崩溃。
解决方法：推迟需要回调的操作ngAfterViewInit()等。

简而言之：

  • 如何控制 @Inputs 的设置顺序？
  • 我可以依赖源代码中的顺序吗？

示例：（在这里更改顺序似乎可以完成工作）

@Input()
valueCallback: (item: any) => string
    = app => { throw new Error("valueCallback not yet defined."); };

@Input()
labelCallback: (item: ItemType) => string;

使用该子组件的模板：（在此处更改顺序不会更改顺序）

            <wu-checkboxes [groupName]="'includedApps'"
                           [options]="availableApps"
                           [valueCallback]="appsValueCallback"
                           [labelCallback]="appsLabelCallback"
            >

正如我上面提到的，Angular2 似乎遵循@Input类成员的顺序并按该顺序设置/调用它们。问题是，这是事实上的还是法律上的？我不想仅仅因为它目前是这样编码的，就依赖那些可以工作的功能。我对 JavaScript 反射知之甚少，所以我不知道这是否适用于任何地方。

4

1 回答 1

18

您可以使用ngOnChanges()每次@Input()通过更改检测更新 an 时调用的。您可以检查ngOnChanges所有输入值是否已经可用，然后执行您的代码。不过，您需要注意自己，后续更新不会再次触发函数调用（以防万一）。

更新

绑定的顺序（值绑定和事件绑定）在 Angular2 中是未定义的，因此您不能依赖特定的顺序。

于 2017-02-21T07:20:13.980 回答