javascript - AngularJS ng-repeat 不起作用

Question

我正在开发一个 Angular 应用程序，由于我是初学者，我不知道它的所有错误和解决方案。

我有一个代码:

<tr ng-repeat="person in goal.users">
    <td>{{ person }}</td>
</tr>
{{goal.users[0]}}

现在可以看到 - 我想打印出人。由于某种原因，它不会打印出我的个人行。goal.users 包含一个对象数组。

如果我只是尝试打印出第一个数组值，那么它会完美地工作 - 我会打印出一个对象，但不在 ng-repeat 中。

//编辑

Controller :

angular.module('goalCtrl', ['goalService', 'userService'])
.controller('goalCreateController', function(Goal, User) {

  var vm = this;
  // variable to hide/show elements of the view
  // differentiates between create or edit pages
  vm.type = 'create';

  User.all()
  .success(function(data) {
    // bind the users that come back to vm.users
    vm.users = data;
  });

  // function to create a Goal
  vm.saveGoal = function() {
    vm.processing = true;
    vm.message = '';
    // use the create function in the GoalService
    Goal.create(vm.goalData)
    .success(function(data) {
      vm.processing = false;
      vm.GoalData = {};
      vm.message = data.message;
    });

  };

});

Goal 获取我从 Node 服务器获取的对象数组。它之所以有效，是因为如果我只是在控制台中控制台出“vm.users”，那么我就可以看到其中的数组和对象。

谁能帮帮我，我哪里出错了？

提前谢谢您。

//编辑

整个 HTML 模板。除了重复之外一切都很好

<div class="page-header">
    <h1>Create User</h1>
    <tr ng-repeat="person in goal.users">
        <td>{{ person }}</td>
    </tr>
    {{goal.users[0]}}
</div>


<form class="form-horizontal" ng-submit="goal.saveGoal()">
    <div class="form-group">
        <label class="col-sm-2 control-label">Name</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" ng-model="goal.goalData.name">
        </div>
    </div>
...

Answer 1

由于您正在使用 ControllerAs 功能，请尝试...

<tr ng-repeat="person in vm.goal.users">
    <td>{{ person }}</td>
</tr>
{{vm.goal.users[0]}}