自定义属性用于跨组件的数据绑定。
<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"
这是用于父组件到子组件数据共享的主要方法。