如何在行中顯示圖像？

嗨，我有10個圖像，我需要顯示在兩個5上升和5個底部，我試圖這樣它顯示他們爲兩行，但吳點擊不能正常工作。如何在行中顯示圖像？

<div class="row" ng-repeat="image in images" ng-if="$index % 5 === 0" id="categorgrid"> 
     <div class="col col-20" ng-if="$index < images.length" ng-click="categoryclick(images[$index].src)"> 
      <img ng-src="{{images[$index].src}}" width="100%" /> 
     </div> 
     <div class="col col-20" ng-if="$index + 1 < images.length" ng-click="categoryclick(images[$index].src)"> 
      <img ng-src="{{images[$index + 1].src}}" width="100%" /> 
     </div> 
     <div class="col col-20" ng-if="$index + 2 < images.length" ng-click="categoryclick(images[$index].src)"> 
      <img ng-src="{{images[$index + 2].src}}" width="100%" /> 
     </div> 
     <div class="col col-20" ng-if="$index + 3 < images.length" ng-click="categoryclick(images[$index].src)"> 
      <img ng-src="{{images[$index + 3].src}}" width="100%" /> 
     </div> 
     <div class="col col-20" ng-if="$index + 4 < images.length" ng-click="categoryclick(images[$index].src)"> 
      <img ng-src="{{images[$index + 4].src}}" width="100%" /> 
     </div> 
    </div>

來源

2015-08-09 Test user

AngularJS 1.4支持名爲limitTo的過濾器。你可以將它傳送到你的中繼器並獲得所需的輸出。這裏是一個例子plunker

<body ng-app="limitToExample"> 
    <script> 
    angular.module('limitToExample', []) 
    .controller('ExampleController', ['$scope', function($scope) { 
     $scope.numbers = [1,2,3,4,5,6,7,8,9]; 
    }]); 
</script> 
<div ng-controller="ExampleController"> 
    <div ng-repeat="number in numbers | limitTo: 5:0">Meow {{number}}</div> 
</div> 
</body>

來源

2015-08-09 12:52:51 Avalanche

如何在行中顯示圖像？

回答

相關問題