在角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或将数据转换为其他格式，以便于显示。