1.$event.target可以作为jQuery $(this)元素使用
$($event.target).attr("disabled",true);
$(event.target).addClass('btn-warning');
2. ng-style:
$scope.getStyle=function(r){
return{
'backgeound':'url('+r.categoryImage+')'
}
}
3.ng-class
(1)ng-class={'btn-warning':$index==showIndex}
(2)ng-class=“a==1?’red’:’green’”;
4.select
select获取选中的值:ng-model="item"
option设值:value="{{r.task}}"
5.angular绑定视频
video:ng-src="{{getVideo(r.src)}}"
函数:
$scope.getVideo=function(src){
//$sce.trustAsResourceUrl方法把普通路径处理加工成一个angular环境可识别,并认为是安全的路径来使用
var urlFun = $sce.trustAsResourceUrl(url);
return urlFun;
}
6.多个ngRepeat拿到不同的索引值
<div ng-repeat="r in parentList" ng-init="parentIndex=$index">
<div ng-repeat="m in childList" ng-init="childIndex=$index">
{{parentIndex}}{{childIndex}}
</div>
</div>
7.ngRepeat在第二次引用时加载不出来
加一个track by $index
网友评论