Angular1 中语法都是 ng- 开头的比较好记忆,2以上就变的奇奇怪怪没这么规则了,很令人费解
一、ng1和ng2之间一些差异
- Angular2 不是从 Angular1 升级过来的,Angular2 是重写的,所以他们之间的差别比较大,不是你用过1就能直接上手2的,计划可以认为是一个新的框架;
- Angular2 使用了 Javascript 的超集 ‘Typescript’,所以 Angular1 和 Angular2从设定之初就是不一样的;
- Angular1.x 在设计之初主要是针对 PC 端的,对移动端支持较少(当然也有其他一些衍生框架如 Ionic),而 Angular2 是设计包含移动端的;
- Angular1 的核心概念是
$scope
,但是 Angular2 中没有$scope
,Angular2 使用zone.js 来记录监测变化; - Angular1 中的控制器在 Angular2 中不再使用,也可以说控制器在 Angular2 中被 ‘Component’ 组件所替代:
二、常用标签语法对比
Angular1 | Angular2+ |
---|---|
ng-style | [ngStyle] |
ng- | [ngClass] |
ng- | [(ngModel)] |
ng-click | (click) |
ng-repeat | *ngFor |
ng-if | *ngIf |