angular repeat

最新推荐文章于 2024-09-11 15:33:18 发布

weixin_30650039

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量57

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/m110/p/8582351.html

版权

<body ng-app="aj" ng-cloak>
    <form id="form1" runat="server" ng-controller="ctrl">        
        <ul style="list-style:none;">
            <li ng-if="!$last" ng-class="{'selected':$first}" ng-repeat="a in list">{{$index+1+"."+a.item}}
                <input type="button" value="删除" ng-click="list.splice($index,1)" />
            </li>
        </ul>
    </form>
</body>

内容于JS中：

    angular.module('aj', [])
        .controller('ctrl', function ($scope) {
            $scope.list = [{ id: 1, item: '苏州' }, { id: 2, item: '杭州' }, { id: 3, item: '云南' }];
        })