Fatal编程技术网

AngularJS NG重复JSON

angularjs

AngularJS NG重复JSON,angularjs,Angularjs,我为这个简单的问题道歉。我一直在仔细研究其他问题，但仍然无法让它发挥作用 我有一个函数返回一些键/值对 function(data){ console.log(data.message); } 返回 Object {name: "mpierce486", body: "asfsf", time: "1 second ago"} 不登录控制台时，我有以下问题 $scope.message = data.message 最后，这里是标记。我正在使用一个Laravel应用程序，所以我正在

我为这个简单的问题道歉。我一直在仔细研究其他问题，但仍然无法让它发挥作用

我有一个函数返回一些键/值对

function(data){
    console.log(data.message);
}
返回

Object {name: "mpierce486", body: "asfsf", time: "1 second ago"}
不登录控制台时，我有以下问题

$scope.message = data.message
最后，这里是标记。我正在使用一个Laravel应用程序，所以我正在使用@逃离{{{{{{}。没有显示任何内容，我知道这是一个简单的错误。请协助！谢谢

<div ng-app="myApp" ng-controller="messageCtrl">
    <div ng-repeat="x in message" class="main-user-post">
      <h1>@{{ x.body }}</h1>
    </div>
  </div>


@{{x.body}}
我认为您无法对对象执行
ng repeat
。因为它已经是一个对象，而不是数组，所以您可以直接访问它，而无需执行ng repeat

<div ng-app="myApp" ng-controller="messageCtrl">
    <div class="main-user-post">
      <h1>@{{ message.body }}</h1>
    </div>
  </div>


@{{message.body}
我认为您无法对对象执行
ng repeat
。因为它已经是一个对象，而不是数组，所以您可以直接访问它，而无需执行ng repeat

<div ng-app="myApp" ng-controller="messageCtrl">
    <div class="main-user-post">
      <h1>@{{ message.body }}</h1>
    </div>
  </div>


@{{message.body}
您的消息变量是一个对象，而不是一个数组。因此，在迭代中，x将取每个对象属性（body、name、time）的值

因此，要么使用不同的方法，要么将消息转换为数组：

 $scope.message = [data.message];
您的消息变量是一个对象，而不是一个数组。因此，在您的迭代中，x将取每个对象属性（body、name、time）的值

因此，要么使用不同的方法，要么将消息转换为数组：

 $scope.message = [data.message];
您可以像下面这样迭代对象属性：

<div ng-app="myApp" ng-controller="messageCtrl">
    <div ng-repeat="(key, value) in message" class="main-user-post">
      <h1>@{{value}}</h1>
    </div>
</div>


@{{value}}
您可以像下面这样迭代对象属性：

<div ng-app="myApp" ng-controller="messageCtrl">
    <div ng-repeat="(key, value) in message" class="main-user-post">
      <h1>@{{value}}</h1>
    </div>
</div>


@{{value}}
如下所示创建对象数组。 JSIDLE-供参考w.r.t AngularJs-

希望这有帮助

   <body ng-app="SampleApp">
  <div ng-controller="messageCtrl">
    <div ng-repeat="m in message" class="main-user-post">
      <h1>{{m.body}}</h1>
    </div>
  </div>
</body>

    var sampleApp = angular.module("SampleApp", []);
    sampleApp.controller('messageCtrl', function($scope) {
      var myObject = {
        name: "mpierce486",
        body: "asfsf",
        time: "1 second ago"
      };

      var myArray = [];
      myArray.push(myObject);
      $scope.message = myArray;
    });


{{m.body}}
var sampleApp=angular.module（“sampleApp”，[]）；
sampleApp.controller（'messageCtrl'，函数（$scope）{
变量myObject={
名称：“mpierce486”，
正文：“asfsf”，
时间：“1秒前”
};
var myArray=[]；
myArray.push（myObject）；
$scope.message=myArray；
});
如下所示创建对象数组。 JSIDLE-供参考w.r.t AngularJs-

希望这有帮助

   <body ng-app="SampleApp">
  <div ng-controller="messageCtrl">
    <div ng-repeat="m in message" class="main-user-post">
      <h1>{{m.body}}</h1>
    </div>
  </div>
</body>

    var sampleApp = angular.module("SampleApp", []);
    sampleApp.controller('messageCtrl', function($scope) {
      var myObject = {
        name: "mpierce486",
        body: "asfsf",
        time: "1 second ago"
      };

      var myArray = [];
      myArray.push(myObject);
      $scope.message = myArray;
    });


{{m.body}}
var sampleApp=angular.module（“sampleApp”，[]）；
sampleApp.controller（'messageCtrl'，函数（$scope）{
变量myObject={
名称：“mpierce486”，
正文：“asfsf”，
时间：“1秒前”
};
var myArray=[]；
myArray.push（myObject）；
$scope.message=myArray；
});
您可以通过
ng repeat=“（key，val）in object”
在对象上重复一次，但我认为OP不希望这样。您可以通过
ng repeat=“（key，val）in object”
在对象上重复一次，但我认为OP不希望这样。