Javascript 二维数组中的AngularJS ng重复
我想在div中使用ng repeat,如下所示:Javascript 二维数组中的AngularJS ng重复,javascript,angularjs,arrays,Javascript,Angularjs,Arrays,我想在div中使用ng repeat,如下所示: <li ng-repeat="image in HomeCtrl.images.data" > <a ng-href="@{{ image.code }}"><img ng-src="@{{ image.url }}" ></a> </li> 图像数组在HomeCtrl中您应该在已分配给控制器的视图中执行此操作, 如果您的控制器位于不同的控制器中,您可以执行以下操作: <
<li ng-repeat="image in HomeCtrl.images.data" >
<a ng-href="@{{ image.code }}"><img ng-src="@{{ image.url }}" ></a>
</li>
图像数组在HomeCtrl中您应该在已分配给控制器的视图中执行此操作, 如果您的控制器位于不同的控制器中,您可以执行以下操作:
<ul ng-conroller="HomeCtrl">
<li ng-repeat="image in images.data.url track by $index" >
<a ng-href="{{ images.data.code[$index] }}">
<img ng-src="{{ image.data.url[$index] }}" >
</a>
</li>
</ul>
您应该在已指定给控制器的视图中执行此操作, 如果您的控制器位于不同的控制器中,您可以执行以下操作:
<ul ng-conroller="HomeCtrl">
<li ng-repeat="image in images.data.url track by $index" >
<a ng-href="{{ images.data.code[$index] }}">
<img ng-src="{{ image.data.url[$index] }}" >
</a>
</li>
</ul>
请查找以下工作片段
(函数(角度){
"严格使用",;
角度.module('app',[])
.controller('ExampleController',['$scope',function$scope){
//更改Json对象
$scope.images={
“数据”:[
{“url”:https://url1.com,“代码”:“3cs14vs4”},
{“url”:https://url2.com,“代码”:“512631va”}
],
}
}]);
})(窗口角度)代码>
例子
-
请查找以下工作片段
(函数(角度){
"严格使用",;
角度.module('app',[])
.controller('ExampleController',['$scope',function$scope){
//更改Json对象
$scope.images={
“数据”:[
{“url”:https://url1.com,“代码”:“3cs14vs4”},
{“url”:https://url2.com,“代码”:“512631va”}
],
}
}]);
})(窗口角度)代码>
例子
-
那么问题是什么,它不起作用了?你得到错误了吗?我没有得到预期的结果,它在ng src中显示了整个代码数组,对于URL也是如此。那么问题是什么,它不工作了?你得到错误了吗?我没有得到预期的结果,它在ng src中显示了整个代码数组,对于URL也是如此。据我所见,我应该使用这个数据结构来让代码正常工作。非常感谢。就我所见,我应该使用这个数据结构来让代码正常工作。非常感谢。谢谢你帮助我,我很感激。现在我正在尝试改变PHP中的数据结构。好的!!欢迎:)谢谢你的帮助,我很感激。现在我正在尝试改变PHP中的数据结构。好的!!欢迎:)
{
{"code": "xx", "url": "yyy"},
{"code": "xx", "url": "yyy"},
{"code": "xx", "url": "yyy"},
....
}