游客

标题:AngularJS 2.0来袭 - Hold！
正文:
AngularJS 作为最前沿的 JavaScript 框架之一，版本号的改变肯定不是简单的 1 + 1，所以 2.0 不负众望地带来了非常大的改变：从模板到代码都有改动，完全不向下兼容 1.x...变成一个叫 angularjs2 的新框架...是的，你在 1.x 所学的大部分知识都要过时了。模板语法改变新的模板语法将更严格区分 property 和 attribute，不再采用指令统一语法，而使用 [] 和 () 来区分数据和事件行为：<div>
<input type="text" [value]="newTodoTitle">
<button (click)="addTodo()">+</button>

<ul>
<li [ng-repeat|todo]="todosof('goods')">{{todo.title}}</li>
</ul>
<div>从代码可以看到，ng-model 将被中括号替代，ng-click 则变成小括号。controllers 和 $scope 没了新版本更强调组件化，不再使用 controllers 控制 view，而是使用 component directvie 声明组件，在组件内管理状态，这有点类似 reactjs 的写法：@ComponentDirective
class TodoApp {
constructor() {
this.newTodoTitle = '';
}
addTodo: function() { ... }
todosof: function(filter) { ... }
}Directive 还在，但概念上更复杂，而 DDO (Directive Defined Object) 则被取消了2.0 中 Directive 还在，但在视频中我们可以看到 Directive 暂时被分为了三种：Component DirectiveTemplate DirectiveDecorator Di
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页