繰り返しangularjs

Question

を使用してJSONの値に応じてのdivまたはスパンと仮定私は

ここでJSON値に応じて3スパンまたはスパンの「n」は数を表示する方法

{ 
    "count":"3" 
} 

としてJSONファイルを持っています私Plunker url

Answer 1

CONTROLLER

var app = angular.module('myapp',[]); 
app.controller('ctrlParent',function($scope){ 
    $scope.count =3;  
    $scope.getNumber = function(num) { 
     return new Array(num); 
    } 
}); 

HTML

012です

<li ng-repeat="i in getNumber(myNumber) track by $index"><span>{{$index+1}}</span></li> 

Answer 2

$scope.number = 5; 
$scope.getNumber = function(num) { 
    return new Array(num); 
} 

<ul> 
<li ng-repeat="i in getNumber(number)"><span>{{$index+1}}</span></li> 
</ul> 

Answer 3

あなたは何を意味するかわかりません。しかし、私の見解によれば、2つの問題があります。 1. jsonファイルのカウントを読み込みます。 2. nスパンを表示します。

• jsonファイルを読み込むには、サービスを作成して取得することができます。このReading data from JSON file in Angularjs

• ショーに従ったものスパン、利用NGリピートを示しています。 こんにちは、世界 カウントはURコントローラで$スコープ変数です。

希望あなたは、単にこれを行うことができます。このヘルプ

Answer 4

。

var app = angular.module("sampleApp", []); 
 

 
app.controller("sampleController", ["$scope", 
 
    function($scope) { 
 

 
    $scope.pro = [{ 
 
     product: "chicken", 
 
     rating: 3 
 
    }, { 
 
     product: "fish", 
 
     rating: 1 
 
    }, { 
 
     product: "pizza", 
 
     rating: 4 
 
    }]; 
 

 
    $scope.repeat = function(rating) { 
 
     return new Array(rating); 
 
    } 
 
    } 
 
]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> 
 
<div ng-app="sampleApp"> 
 
    <div ng-controller="sampleController"> 
 
    <div ng-repeat="array in pro"> 
 
     <div>{{array.product}} 
 
     <span ng-repeat="number in repeat(array.rating) track by $index" ng-init="">*</span> 
 
     </div> 
 
    </div> 
 
    </body> 
 
    </div> 
 
</div>