angular2

1

class两种写法

(1).直接写

class="{{}}";

(2).数组

arr[a,b,c]

ng-class = "arr"

2.class和style的另一种写法：

ng-class="arr"

ng-style="json"

3.

ng-if：会删除元素

<div ng-if="show">

ng-show；不会删除

4.
数组循环的序列号
{{$index}}

5.
ng-click不能和ng-repeat不能见面
ng-click不要直接赋值就不会出问题，用一个函数过度下

6.
$scope作用域对象
可添加、可获取
可监视:
$scope.$watch("名称",function(){
},深度监视);
深度监视是为了监视内容
加TRUE就可以监视
7.
$scope.$aplly();
强制更新
8.
$http-->ajax
$http.get('a.php',{params:{a:12,b:5}}).success(function(result){
alert("s"+result);
}).error(function(){
alert("f");
});
(1)$http.get(url,{params:{}.success().error()});
(2)$http.post(url,{params:{}.success().error()});
(3)$http.jsonp(url,{params:{}.success().error()});
$interval-->定时器
var timer = $interval(function(){
},50);
取消定时器
$interval.cancel(timer);
9.
自定义过滤器
app.controller('名字'，function(){});
app.filter ('名字'，function(){});
app.filter('my_filter',function(){
//只执行一次
return function(a){
//用几次就执行几次
return a+5;
}
});
10.
指令:争强html功能--自定义组件
app.directive('abc',function(){
var json = {
restrict:'E'//约束--指令能用在哪 E:元素C:类 M:注释必须加上replace:ture必须两边空格A:属性
template:'<span>asd</span>'//模板
}
return json;
});
11.
transclude:包裹//提供站位符<ng-tansclude></ng-tansclude>
12.模块继承
module('名字',[依赖的模块])