Angular2 @Component

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,073评论 19 139
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,577评论 0 3
  • 茶余饭后 文字便是相伴 品友人赠予的无字芳茗 抖抖烟斗里的草木灰 房外袅袅炊烟散尽 古老的钟表早已经停止了低吟 我...
    楠风Dawn阅读 2,481评论 0 2
  • 关于吃素,是个大问题,你是上班族,领导请你吃饭,或者客人请你吃饭。这时怎么办?告诉各位一点:修行的第一关:“少麻烦...
    太阳是天知揉圆滴阅读 2,532评论 0 0
  • 今天中午吃饺子,由于妈妈忙不过来,所以我帮妈妈包饺子。 起初,妈妈叫我洗手,说:“手上有细菌,会沾到面皮上。”我洗...
    房junyan阅读 2,990评论 0 0

友情链接更多精彩内容