2016-09-08 25 views
0

ng-repeatは同じ配列を複数回バインドします。ng-repeatは同じ配列で複数回繰り返します。

JS:

$scope.currentitem = item; 
    $scope.currentitemCategory = $scope.currentitem.category.split(','); 
    console.log($scope.currentitemCategory); 

HTML:

<div ng-repeat="category in currentitemCategory track by $index"> 
      <a href="/content/digital-library/us/en/search.html?category={{category}}"> 
      <span class="text"> {{category}} </span> 
      </a> 
             </div> 

コンソール:

audience/business audience/business に分類 audience/business brandguidelines brandguidelines brandguidelines corporateinitiatives/idf corporateinitiatives/idf corporateinitiatives/idf
+0

[MVCE](http://stackoverflow.com/help/mcve) –

+0

を作成してください、あなたは、正確な問題を理解するために私達にあなたのjsfiddleを表示することができますか? –

答えて

1

私はあなたの特定のスニペットとサンプルアプリケーションを作成しました。私は何度も繰り返しの入力がない。すべてうまく動作します。問題が本当に存在する場合は、いくつかの詳細を記入してください。

var app= angular.module('sample', []); 
 

 
app.controller('samplecontroller', function($scope){ 
 
    var item = {category: 'Tennis, Carroms, Soccer, Volleyball'}; 
 
    $scope.currentitem = item; 
 
    $scope.currentitemCategory = $scope.currentitem.category.split(','); 
 
    console.log($scope.currentitemCategory); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="sample"> 
 
    <div ng-controller="samplecontroller"> 
 
    <div ng-repeat="category in currentitemCategory track by $index"> 
 
     <a href="/content/digital-library/us/en/search.html?category={{category}}"> 
 
     <span class="text"> {{category}} </span> 
 
     </a> 
 
    </div> 
 
    </div> 
 

 
</body>

関連する問題