Angular2 - 基于组件的体系结构

Question

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

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

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

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

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

Answer 1

使用输入绑定将数据从父级传递给子级是主要的 组件交互的方法。总之，这是开发所必需的。

Answer 2

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

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

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

在Parent Child组件数据共享中，我们使用@Input和@Output。

您分享的示例是子级数据共享。

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