html angularjs 杂记

<!-- ng-repeat 遍历数组 -->
<ul>
    <li ng-repeat="item in myAarray">{{item}}</li>
</ul>
<ul>
    <li ng-repeat-start="user in users">{{user.name}}</li>
    <li ng-repeat-end>{{user.email}}</li>
</ul>
<!-- ng-repeat map遍历 -->
<ul>
    <li ng-repeat="(key,value) in myMap">{{key}} | {{value}}</li>
</ul>
<!-- 当isActive为真的时候class为active 相反则为inActive -->
<div ng-class="{true: 'active', false: 'inActive'}[isActive]"></div>
<!-- 当 isSelected = true 则增加selected class 当isCar = true 则增加car class-->
<div ng-class="{'selected': isSelected, 'car': isCar}"></div>

 

posted @ 2016-01-09 17:10  蒲木杉  阅读(94)  评论(0编辑  收藏  举报