AngularJS笔记

作者: 西西_80ff | 来源:发表于2018-05-21 15:04 被阅读0次

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

相关文章

网友评论

    本文标题:AngularJS笔记

    本文链接:https://www.haomeiwen.com/subject/vxjvextx.html