摘要: {{model}} - 文本插值在模板中使用可以{{表达式}}的方式绑定组件模型中的表达式,当表达式变化时, Angular2将自动更新对应的DOM对象:上图的示例中,模板声明了h1的内容将绑定到组件实例的title变量。Angular2 框架将实时检测title的变化,并在其变化时自动更新DOM树... 阅读全文
posted @ 2015-12-10 20:58 X-USER 阅读(499) 评论(0) 推荐(0) 编辑
摘要: directives - 使用组件在Angular2中,一个组件的模板内除了可以使用标准的HTML元素,也可以使用自定义的组件!这是相当重要的特性,意味着Angular2将无偏差地对待标准的HTML元素和你自己定义的组件。这样, 你可以建立自己的领域建模语言了,这使得渲染模板和视图模型的对齐更加容易... 阅读全文
posted @ 2015-12-10 20:36 X-USER 阅读(609) 评论(0) 推荐(0) 编辑
摘要: 最简单的模板组件的View注解用来声明组件的外观,它最重要的属性就是template- 模板。 Angular2的模板是兼容HTML语法的,这意味着你可以使用任何标准的HTML标签编写 组件模板。所以,在最简单的情况下,一个Angular2组件的模板由标准的HTML元素构成,看起来就是 一段HTML... 阅读全文
posted @ 2015-12-10 17:12 X-USER 阅读(2090) 评论(0) 推荐(1) 编辑
摘要: 初步小结如果你了解一点Angular1.x的bootstrap,可能隐约会感受到Angular2中bootstrap的一些 变化 - 我指的并非代码形式上的变化。以组件为核心在Angular1.x中,bootstrap是围绕DOM元素展开的,无论你使用ng-app还是手动执行bootstrap()函... 阅读全文
posted @ 2015-12-10 16:31 X-USER 阅读(594) 评论(0) 推荐(1) 编辑
摘要: 注解/Annotation你一定好奇@Component和@View到底是怎么回事。看起来像其他语言(比如python) 的装饰器,是这样吗?ES6规范里没有装饰器。这其实利用了traceur的一个实验特性:注解。给一个类 加注解,等同于设置这个类的annotations属性:1 //注解写法2 @... 阅读全文
posted @ 2015-12-10 15:52 X-USER 阅读(418) 评论(0) 推荐(1) 编辑
摘要: 初识Angular2写一个Angular2的Hello World应用相当简单,分三步走:1. 引入Angular2预定义类型1 import {Component,View,bootstrap} from "angular2/angular2";import是ES6的关键字,用来从模块中引入类型定... 阅读全文
posted @ 2015-12-10 15:30 X-USER 阅读(500) 评论(0) 推荐(1) 编辑
摘要: Why Angular2 (原版:汇智网—在线课堂)Angular1.x显然非常成功,那么,为什么要剧烈地转向Angular2?性能的限制AngularJS当初是提供给设计人员用来快速构建HTML表单的一个内部工具。随着时间的推移,各种特性 被加入进去以适应不同场景下的应用开发。然而由于最初的架构限... 阅读全文
posted @ 2015-12-10 14:55 X-USER 阅读(703) 评论(0) 推荐(2) 编辑