首页 > 代码库 > angular2
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(‘名字‘,[依赖的模块])
angular2