在角js中嵌套ng-repeat

Question

我有一個下面的代碼，我需要在所有出現處提取a的值。我必須做的是使用<span ng-repeat="x in carname">作爲父元素，我不想。我怎樣才能直接得到a的價值。

P.S：$scope.carname不能緩和

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.carname = [ 
 
    [{ 
 
     "a": 1 
 
    }], 
 
    [{ 
 
     "a": 2 
 
    }], 
 
    [{ 
 
     "a": 3 
 
    }], 
 
    [{ 
 
     "a": 4 
 
    }] 
 
    ]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <span ng-repeat="x in carname"> 
 
    <h1 ng-repeat="y in x">{{y.a}}</h1> 
 
    </span> 
 
</div>

Answer 1

如果你有這樣的結構，那麼你可以做這樣的

<span ng-repeat="x in carname"> 
    <h1>{{x[0].a}}</h1> 
</span> 

Answer 2

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.carname =[ 
 
     [{"a":1}], 
 
     [{"a":2}], 
 
     [{"a":3}], 
 
     [{"a":4}] 
 
    ]; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <div ng-repeat="cn in carname"> 
 
    {{cn[0].a}} 
 
    </div> 
 
</div>

你幾乎可以運行一個循環在carname陣列，並自該陣列中的每個元素是另一個數組只有一個元素，得到第一個項目cn[0]，然後找到鑰匙的價值，這是a。

當然，您始終可以使用嵌套的ng-repeat或將數據轉換爲其他格式，以便於顯示。