Javascript 如何显示每个<；的json值；部门>；在html页面中使用angularjs ng repeat_Javascript_Jquery_Html_Angularjs

Javascript 如何显示每个<；的json值；部门>；在html页面中使用angularjs ng repeat

javascript jquery html angularjs

Javascript 如何显示每个<；的json值；部门>；在html页面中使用angularjs ng repeat,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我想根据.json值中的imageurl值在每个单独的s上显示html页面上的json值。实际上，我在s上显示这些值时遇到了一些问题，请帮助我如何迭代和显示这些值。提前谢谢我期望的结果可能如下（对于第一次迭代）： html: <div ng-repeat="item in newArr> <div data-imgsrc="/images/Image1.nii"> <div id="3d0"></div>

我想根据.json值中的imageurl值在每个单独的s上显示html页面上的json值。实际上，我在s上显示这些值时遇到了一些问题，请帮助我如何迭代和显示这些值。提前谢谢

我期望的结果可能如下（对于第一次迭代）：

html:

<div ng-repeat="item in newArr>     
    <div data-imgsrc="/images/Image1.nii">     
        <div id="3d0"></div>    
        <div id="sliceX0"></div>    
        <div id="sliceY0"></div>    
        <div id="sliceZ0"></div>    
    </div>    
</div>

我在这里创建了它：

因此，我也可以为页面中的每个div应用样式。

在ng repeat中使用$index，我将给出0,1,2到记录数

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="item in items">
{{item.name}}
{{$index}}
</div>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
$scope.items= [{name:'a'},{name:'b'},{name:'c'}]

});
</script>

</body>
</html>


{{item.name}
{{$index}}
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.firstName=“John”；
$scope.lastName=“Doe”；
$scope.items=[{name:'a'}，{name:'b'}，{name:'c'}]
});

ngRepeat

指令从一个列表中为每个项目实例化一个模板收集每个模板实例都有自己的作用域，其中循环变量设置为当前集合项，并设置$index 指向项索引或键

HTML代码：

 <div ng-app="myApp" ng-controller="myCtrl">
    <div ng-repeat="myImage in myImages">
       <img ng-src="{{getImagePath(myImage)}}"/>
          <div id="3d{{$index}}" ng-style="set_color1(myImage )"></div>   
            <div id="sliceX{{$index}}"></div>    
            <div id="sliceY{{$index}}"></div>    
            <div id="sliceZ{{$index}}"></div>  
         </div>
    </div>

您有

$index

Hi-SVK，感谢您的回复，但这里我需要根据我的图像url（data imgsrc=“”）显示这些值，基于此图像url（此url在主div上每次迭代后都会发生变化），我们可以在子（四）div中获得值。Hi-SVK，感谢您的回复，我已经尝试过了，但我面临同样的问题，对我来说，这些值来自.json文件，它的名称是：imageurl，它的值是：/images/Image1（第一次）。请告诉我怎么做？我已经更新了fiddle:，但出现错误。如何从fiddle的json值中获取imageurl值，以便显示图像。提前感谢。嗨，帕雷什·加米，谢谢你的回复，但这里我需要根据我的图像url（数据imgsrc=“”）显示这些值，基于此图像url（此url在主div上每次迭代后都会发生变化），我们可以在子（四）div中获得这些值。它被放置在fiddle中的html视图中。

 <div ng-app="myApp" ng-controller="myCtrl">
    <div ng-repeat="myImage in myImages">
       <img ng-src="{{getImagePath(myImage)}}"/>
          <div id="3d{{$index}}" ng-style="set_color1(myImage )"></div>   
            <div id="sliceX{{$index}}"></div>    
            <div id="sliceY{{$index}}"></div>    
            <div id="sliceZ{{$index}}"></div>  
         </div>
    </div>

 $scope.myImages = ["image1.jpg", "image2.jpg"];

 $scope.getImagePath = function(imageName) {
 return "http://yoursite/location/" + imageName;
 };

$scope.set_color1 = function (myImage) {
return { color: "red" }
}