<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"> <script src="../../lib/js/ionic.bundle.min.js"></script> <link rel="stylesheet" type="text/css" href="../../lib/css/ionic.min.css"> </head> <body ng-controller="myCtrl"> <ion-header-bar class="bar-positive"> <h1 class="title">ion-spinner</h1> </ion-header-bar> <ion-content> <!--无效start--> <ion-list> <ion-item collection-repeat="item in items"> <ion-spinner icon="{{item}}"></ion-spinner> </ion-item> </ion-list> <!--无效end--> <!--有效start--> <ion-list> <ion-item ng-repeat="item in items"> <ion-spinner icon="{{item}}"></ion-spinner> </ion-item> </ion-list> <!--有效end--> </ion-content> </body> </html> <script> angular.module("myApp",["ionic"]) .controller("myCtrl",function($scope){ $scope.items = ["android","ios","ios-small","bubbles","circles", "crescent","dots","lines","ripples","spiral"]; }); </script>
collection-repeat 和ng-repeat的一些区别demo
最新推荐文章于 2021-07-10 18:27:28 发布