#var - 局部变量有时模板中的不同元素间可能需要互相调用,Angular2提供一种简单的语法将元素 映射为局部变量:添加一个以#或var-开始的属性,后续的部分表示变量名, 这个变量对应元素的实例。在下面的代码示例中,我们为元素h1定义了一个局部变量v_h1,这个变量指向 该元素对应的DOM对象...
分类:
其他好文 时间:
2015-12-11 18:51:52
阅读次数:
239
(event) - 监听事件在模板中为元素添加事件监听很简单,使用一对小括号包裹事件名称,并绑定 到表达式即可:上面的代码实例为DOM对象h1的click事件添加监听函数onClick()。另一种等效的书写方法是在事件名称前加on-前缀:1 @View({template : `HELLO`})例如...
分类:
其他好文 时间:
2015-12-11 14:48:50
阅读次数:
158
directives - 使用组件在Angular2中,一个组件的模板内除了可以使用标准的HTML元素,也可以使用自定义的组件!这是相当重要的特性,意味着Angular2将无偏差地对待标准的HTML元素和你自己定义的组件。这样, 你可以建立自己的领域建模语言了,这使得渲染模板和视图模型的对齐更加容易...
分类:
其他好文 时间:
2015-12-10 21:47:07
阅读次数:
145
0、导言Angular1作为最流行的前端MV*框架,给前端开发带来了极大的便利性。但是,仍然有许多不好的地方已经很难再改变了。Angular团队根据WEB发展的趋势和Angular1中积累的经验来开发了一个全新的Angular,也就是Angular2。1、优势Angular2做了很激进的变化,带来的...
分类:
其他好文 时间:
2015-12-10 17:08:19
阅读次数:
129
初识Angular2写一个Angular2的Hello World应用相当简单,分三步走:1. 引入Angular2预定义类型1 import {Component,View,bootstrap} from "angular2/angular2";import是ES6的关键字,用来从模块中引入类型定...
分类:
其他好文 时间:
2015-12-10 16:39:34
阅读次数:
309
Besides @Input(), we can also use properties on the @Component, to pass the data.import {Component, View, NgFor, Input} from 'angular2/angular2';@Comp...
分类:
其他好文 时间:
2015-11-02 06:41:39
阅读次数:
176
import {Input, Component, View, NgClass} from "angular2/angular2";@Component({ selector: 'todo-item-render'})@View({ directives: [NgClass], s...
分类:
其他好文 时间:
2015-10-28 07:00:49
阅读次数:
197
When creating a service, need to inject the sercive into the bootstrap():import {bootstrap, Component, View} from "angular2/angular2";import {TodoInpu...
分类:
其他好文 时间:
2015-10-23 16:12:35
阅读次数:
192
Angular2的五分钟入门在Windows下的实现官网提供的是在linux的步骤,而实际直接拿这些步骤在windows下也可以实现,但唯一就是无法--watchTypeScript文件,那就是扯蛋,改一下代码就要重新编译,谁受得了。那么我来尝试一下直接使用Gulp来搭建。一、创建项目虽然Angul...
1:$scope将从Angular 2.0中移除,取而代之的是ES6类。
2:双向数据绑定:因双向数据绑定在大型应用中带来的问题 Angular 2.0引入了无回路有向图的单向结构概念。
3: 依赖注入 2.0还希望通过懒加载来引入依赖注入。
4: 模块化 将肯定使用ES6的模块语法
5:组件通信 :除了$broadcast 和 $emit,2.0还有一些小得变化,1)你可以...
分类:
其他好文 时间:
2015-07-31 10:44:07
阅读次数:
116