Angular2 - 基于组件的架构



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

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

在这里,dict是一个自定义属性,其中app-home是另一个组件中使用的一个组件的选择器。


Angular2 中组件的思想是高度内聚松散耦合


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

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

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

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

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

在父子组件数据共享中,我们使用@Input和@Output。

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

[propertyName]="sharedValue"这是用于父组件到子组件数据共享的主要方法。

相关内容

  • 没有找到相关文章

最新更新