AngularJS NG-重复JSON

Question

对于这个简单的问题，我深表歉意。 我一直在搜寻其他问题，但仍然无法正常工作。

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

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>

Answer 1

我认为您不能对某个对象执行ng-repeat 。 由于它已经是对象，而不是数组，因此您可以直接访问它，而无需ng-repeat。

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

Answer 2

您的消息变量是一个对象，而不是数组。 因此，在您的迭代中，x将采用每个对象属性（主体，名称，时间）的值。

因此，要么使用其他方法，要么将您的消息转换为数组：

 $scope.message = [data.message];

Answer 3

您可以像这样用角度来遍历对象属性：

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

Answer 4

如下创建对象数组。 JSFiddle- https: //jsfiddle.net/L7k6g7ua/作为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;
    });