Javascript AngularJS/Json没有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; }); }); 以下是我的标记:

出于某种原因,我不得不使用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;
    });
});
以下是我的标记:

<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},然后您开始接收数组中的第三个对象,那么您将不得不返回并对代码进行更改。感谢您的解释,但在这个控件中,我永远不需要任何重复。我想我不应该一开始就使用数组。谢谢