angular学习（3）

今天学的是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 奇数行