AngularJS笔记

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容