Angular2 @Component

2018-08-20 11:03:32 浏览数 (1)

@Component是一种特殊的Directive .相当于Angular1 中 Directive 和 Controller 的合体

它的配置更简单一些,非常适合组件化的app架构。使用web组件和使用Angular风格的app架构使得编写app更为简便。

Component的优点:

比普通directive要简单很多 更加严谨,更加规范化 更加适合组件化架构 component更容易升级到angular2


Component只能控制它自己的视图和数据 :Component不会修改它自身scope之外的任何数据或DOM。

Component有明确定义的公共api-输入输出:隔离范围并不是全部,因为AngularJS是双向绑定的。如果你传一个对象到组件中,类似 bindings: {item: '='} ,然后修改对象的属性,修改会反映到它的父组件中。但是对于component来说,component确实只是修改了它自己的scope内的数据。这样就很清晰的得知什么数据什么时候被修改。就此,component遵循一些简单的约定


<h6 align = "right">sivona</h6>

0 人点赞