angular学习(3)

来源:互联网 发布:舌苔厚口臭 知乎 编辑:程序博客网 时间:2024/06/05 08:21

今天学的是ng-repeat指令,该命令是反复执行

angular在循环时不允许有相同数据,可以添加唯一字段(track by $index)

<div ng-app="hd" ng-controller="ctrl">        <ul>            <li ng-repeat="(k,v) in data" >                <span ng-if="$first" style="{{$first?'color:red':''}}">名称:{{v.name}}网址:{{v.url}}</span>                <span ng-if="$middle">名称:{{v.name}}网址:{{v.url}}</span>                <span ng-if="$last" style="{{$last?'color:green':''}}">名称:{{v.name}}网址:{{v.url}}</span>            </li>        </ul>    </div>    <script>        var m = angular.module('hd',[]);        m.controller('ctrl',['$scope',function($scope){            $scope.data=[                {name:'后盾人',url:'houdunren.com'},                {name:'后盾网',url:'houdunwang.com'},                {name:'后盾云',url:'houdunyun.com'}            ]        }])

$first 第一个 $last最后一个 $middle中间的 $even偶数行 $odd 奇数行

原创粉丝点击