angular学习（十三）——Component

转载请写明来源地址：http://blog.csdn.net/lastsweetop/article/details/56285838

理解Components

在angularjs中，Component是一种特殊的directive，它的配置更简单一些，非常适合组件化的app架构。使用web组件和使用Angular风格的app架构使得编写app更为简便。

Component的优点：

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

不使用Component的情况

• 需要在编译阶段和预链接阶段执行的directive，因为Component这时还不可用
• 当你需要directive才有定义的选项时，如priority, terminal, multi-element
• 当你需要directive由属性，css的class而不是元素触发时

Components的创建和配置

Components由angularjs的module使用.component()方法注册。这个方法接受2个参数：

• Component的名称（字符串类型）
• Component的配置对象（注意，和.directive()不一样，不是一个工厂方法而仅仅是个配置对象）

heroApp.html: