javascript - 从$scope获取数据

Question

首先我想说，我刚刚开始使用 AngularJS，所以如果这是一个愚蠢的问题，请原谅我。

我有一个执行 AJAX 请求的 Controller ，它返回一个 JSON 对象。然后将此 JSON 保存为 $scope.person 。它看起来像这样:

function PersonController($scope, $http) {
  $http({
    method: 'GET',
    url: constants.adminUrl + '/getJSON.php?data=person'
  }).success(function(data, status, headers, config) {
    $scope.person = data;
  }).error(function(data, status, headers, config) {
    throw new Error('I\'m truly sorry, but I couldn\'t fetch your data');
  });
}

文件getJSON.php成功返回我所期望的 JSON 对象，如下所示:

[{
  "id": 1,
  "firstName": "Silvestre",
  "lastName": "Herrera",
  "headline": "Diseñador y front-end engineer",
  "location": "Argentina",
  "summary": "Summary summary summary"
}]

然后，在我的 HTML 中，我有以下内容:

<ol ng-controller="PersonController">
  <li ng-repeat="person in person | filter: {id:1}">
      <input data-autoGrow name="firstName" type="text" value="{{ person.firstName }}" placeholder="<?= __("What's your first name?"); ?>"><input data-autoGrow name="lastName" type="text" value="{{ person.lastName }}" placeholder="<?= __("And your last name?"); ?>">
  </li>
  <li ng-repeat="person in person | filter: {id:1}"><input type="text" value="{{ person.headline }}" placeholder="<?= __("Headline"); ?>"></li>
  <li ng-repeat="person in person | filter: {id:1}"><input type="text" value="{{ person.location }}" placeholder="<?= __("Where do you live?"); ?>"></li>
  <li ng-repeat="person in person | filter: {id:1}"><textarea placeholder="<?= __("Write something about you..."); ?>">{{ person.summary }}</textarea></li>
</ol>

所有PHP函数__()作用是翻译给定的字符串。不管怎样，正如你所看到的，我正在使用 ng-repeat我想避免这一指令，因为只有一个人，而且永远只有一个人。

我尝试使用 ng-model="person"在 <ul>元素而不是 ng-repeat="person in person"在每个 <li>然后尝试打印 {{ person.firstName }}但什么也没有打印出来。但如果我打印{{ person }}我确实得到了整个对象。

嗯，我想这几乎概括了我的问题。预先感谢您的任何意见!

Answer 1

你不能这样做吗？:

$scope.person = data[0];