Angular2 - 基于组件的架构

Question

自定义 属性 用于跨组件的数据绑定。

          <section id="main">
              <app-home [dict]="dict">Hello there!</app-home>
          </section>

此处，dict 是自定义 属性，其中 app-home 是一个组件的选择器，用于其他组件。

---

Angular2 中组件的理念是高度内聚和松散耦合。

---

为什么 angular2 允许跨组件进行数据绑定？

Answer 1

使用输入绑定将数据从父级传递到子级是主要的 组件的方法 interaction.In 总结这是开发所必需的。

Answer 2

在您的代码中，<section> 是 parent 组件，<app-home> 是 child 组件。

现在 Angular2 中没有 $rootScope 这样的东西，但是组件之间共享数据很重要。

现在有选项可用于组件之间的数据共享。 例如。 共享服务，和Parent-Child关系。

在ParentChild组件数据共享中我们使用了@Input和@Output。

您分享的例子是parent到child数据分享。

[propertyName]="sharedValue"这是Parent到Child组件数据共享的主要方法。