javascript - Angular 2 处理顺序

Question

我是 Angular 的新手，正在尝试了解它处理文件应用程序的顺序。所以，根据我对顺序的理解:1- main.ts 被处理，属于导入平台的引导方法接受根模块文件作为参数。2- app.module.ts 被处理，它将导入应用程序所需的所有必要的包和应用程序文件。在这里，所有不同的组件和指令以及应用程序以外的组件都被声明为在应用程序中使用，并且应用程序根组件被引导，导致组件树模型从上到下呈现。3 - 这就是我努力完全理解正在发生的事情的地方。

那么从渲染根组件开始，Angular 将沿着父子路径沿着根组件子组件的树向下并按顺序渲染它们？因此，在 AppComponent 声明之后是 BookItemComponent，后面是 BookItemList 组件，最后是一个名为 favoriteDirective 的指令。因此，AppComponent 启动并在应用程序标记主体中呈现父级自定义 DOM 元素。然后，嵌套在其中的是 BookItemComponent，它创建另一个名为 的自定义 DOM 元素。在这个组件类中，我们有一个名为 bookItem 的输入选择器。然后，嵌套在其中的是 BookItemList 组件，其中包含称为 bookItems 的书籍项目数组。最后，FavoriteDirective 只处理一些简单的主机绑定(bind)来为主机元素创建一个类。

简而言之，我的问题是 -假设 BookItemComponent 已呈现，但它的标记内有一些绑定(bind)，这些绑定(bind)依赖于 BookItemListComponents 类或 favoriteDirectives 类中的代码。Angular 会跳过 BookItem 并查看这些文件吗？或者 Angular 会暂停对 BookItemComponent 类的处理，向前跳并寻找它还无法解释的项目的数据匹配吗？或者也许停止并迭代到下一个组件并按顺序前进，一旦找到它无法解释的项目所需的数据，然后返回以填补空白？当我看到这种情况发生时，我发现很难遵循渲染路径。也许我只是想错了？

Answer 1

不确定“查找数据”是什么意思。绑定(bind)明确了在哪里寻找数据。如果绑定(bind)引用的字段还没有数据，那么如果这使得表达式无效，就像 {{person.name}} 当 person 为 null (您可以使用 {{person?.name}} 来避免异常)。否则，Angular 将在数据可用并运行更改检测后“查找”数据。