角度js中的嵌套ng-repeat

时间:2017-01-27 11:10:08

标签: javascript angularjs cordova ionic-framework

我有一个以下代码,我需要在所有出现时提取a的值。我要做的是使用<span ng-repeat="x in carname">作为父元素,我不想这样做。如何直接获得a的价值。

P.S。: $scope.carname无法审核

&#13;
&#13;
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.carname = [
    [{
      "a": 1
    }],
    [{
      "a": 2
    }],
    [{
      "a": 3
    }],
    [{
      "a": 4
    }]
  ];
})
&#13;
<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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

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或将数据转换为其他格式,以便更容易显示。

答案 1 :(得分:0)

如果您有这种结构,那么您可以这样做

 Image1.ImageUrl = "/images/" + Imagename;