@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>