Javascript AngularJS/Json没有ng repeat,如何显示数据?
出于某种原因,我不得不使用ng repeat来显示数据。我想在不使用ng repeat的情况下显示数据 角度:Javascript AngularJS/Json没有ng repeat,如何显示数据?,javascript,angularjs,json,Javascript,Angularjs,Json,出于某种原因,我不得不使用ng repeat来显示数据。我想在不使用ng repeat的情况下显示数据 角度: App.controller('aboutLongCtrl', function ($scope, $http) { $http.get('test_data/ar_org.json') .then(function (res) { $scope.aboutlongs = res.data.aboutlong; }); }); 以下是我的标记:
App.controller('aboutLongCtrl', function ($scope, $http) {
$http.get('test_data/ar_org.json')
.then(function (res) {
$scope.aboutlongs = res.data.aboutlong;
});
});
以下是我的标记:
<div class="background-white p20 reasons" ng-controller="aboutLongCtrl" >
<h6 ng-repeat="aboutlong in aboutlongs"><b>About {{aboutlong.name}}</b></h6>
<div class="reason-content" ng-repeat="aboutlong in aboutlongs">
{{aboutlong.description}}
</div>
</div>
关于{{aboutlong.name}
{{aboutlong.description}
如果我用这个,它就不行了。。有人能解释为什么吗
<div class="background-white p20 reasons" ng-controller="aboutLongCtrl" >
<h6><b>About {{aboutlong.name}}</b></h6>
<div class="reason-content">
{{aboutlong.description}}
</div>
</div>
关于{{aboutlong.name}
{{aboutlong.description}
我采用了这种方法,但不起作用:
我猜这是因为我的角度代码,有些地方不对劲。可能变量
关于长度的
是一个对象数组
在第一种情况下,ng repeat指令以给定的次数重复一组HTML
如果仍要访问对象,可以访问数组索引并显示它
<div class="background-white p20 reasons" ng-controller="aboutLongCtrl" >
<h6><b>About {{aboutlongs[0].name}}</b></h6>
<div class="reason-content">
{{aboutlongs[0].description}}
</div>
</div>
关于{{aboutlongs[0].name}
{{aboutlongs[0]。说明}
ng repeat
用于打印数组
<div class="reason-content" ng-repeat="aboutlong in aboutlongs">
{{aboutlong.description}}
</div>
{{aboutlong.description}
这里的abvoutlongs
是一个数组,您在每次重复aboutlong
中提取单个元素
{{aboutlongs[0]。说明}
{{aboutlongs[1]。description}
这也会起作用。。当我们逐个访问数组元素aboutlongs时,res.data.aboutlong可能会将数组分配给$scope.aboutlongs。并且只能使用ng repeat显示数组。 或者,您也可以使用
<h6><b>About {{aboutlong[0].name}}</b></h6>
关于{{aboutlong[0].name}
要避免重复。但是,我强烈建议您坚持使用ng-repeat。如果不使用ng-repeat,如何显示数据而不使用ng-repeat,您只能创建自己的指令,如ng-repeat。检查上面的示例我尝试过,但不起作用
{aboutlong[0].name}
hi@Sajeetharan你能帮我解释一下为什么我不需要ng repeat吗?因为这是一个你分配给变量的数组,数组的目的就是显示一个类似重复对象的列表。所以,我建议你坚持ng重复。它将帮助您处理阵列中只有一个或一百个对象的情况。假设到目前为止,您正在接收数组中的两个对象,并设想如果您将其用作:{{{aboutlong[0].name}}和{{aboutlong[1].name},然后您开始接收数组中的第三个对象,那么您将不得不返回并对代码进行更改。感谢您的解释,但在这个控件中,我永远不需要任何重复。我想我不应该一开始就使用数组。谢谢