javascript - 如何从 Angular Controller 获取变量到 View

Question

我有一个如下所示的 Controller :

angular.module('my_app')
  .controller('QueryCtrl', ['$scope', 'Query', function ($scope, Query) {
      $scope.onSubmit = function() {
          var json = $.post('http://162.243.232.223:3000/api/query', { 'input': 'my_input' });
          console.log(json);
          $scope.queries = json;
        };
      }
   ])

View 如下所示:

<div ng-controller="QueryCtrl">

  <form ng-submit="onSubmit()" >
    <textarea ng-model="query_box" name="my_input"></textarea>
    <button type="submit">Submit</button>
  </form>
  {{ queries }}
  <ul ng-repeat="query in queries">
    <li>{{query}}</li>
  </ul>

</div>

问题是，当我单击提交按钮时，javascript 控制台成功记录了正确的 json 对象，该对象具有属性

responseJSON

您可以通过查看输入来仔细查看我想要的对象

$.post('http://162.243.232.223:3000/api/query', { 'input': 'my_input' });

亲自进入 JavaScript 控制台并检查该对象。

但是，在 View 中，当我打印出“queries”对象时，它似乎没有responseJSON属性，而只有readyState属性。

我的 json 对象的其余部分在哪里？

Answer 1

尝试这样的事情:

$scope.onSubmit = function() {
      var json = $.post('http://162.243.232.223:3000/api/query', { 'input': 'my_input' });
      json.done(function(result){
         $scope.result = result;
         $scope.$apply();
      })

      console.log(json);
      $scope.queries = json;
    };
  }

<div>{{result}}</div>