Angular UI 选择：使用 url json

Question

我正在尝试从 url 生成的 json 中检索用户列表。我正在尝试以这种方式调整Angular UI select : Fetch data from remote service 上建议的代码：

$scope.person = {};
$scope.people = {};
$http.get('https://sampleurl/pessoas/v1/?nome=' + item.name).then(
    function (response) {
      $scope.people = response.data;
      console.log(response)
    },
    function () {
      console.log('ERROR!!!');
    }
);

但是，输入只是中断，我什至不能在上面输入任何内容:(

由于 json 包含个人数据，我不得不更改真实的 url。

更新 我从 url 中删除了 item.name 并强制为 name 设置一个值。现在我可以得到一些固定的结果，但我无法将它们添加到输入中：

$scope.person = {};
  $scope.people = [];
  //e lá vamos nós
  $http.get('https://someurl/pessoas/v1/?nome=monteiro').then(
    function (response) {
      $scope.people = response.data;
      console.log(response)
    },
    function () {
      console.log('ERROR!!!');
    }
  );

当我选择某人时出现以下错误： 错误：[ngRepeat:dupes] 不允许在转发器中重复。使用“track by”表达式指定唯一键。中继器：$select.selected 中的 $item，重复键：未定义：未定义，重复值：未定义

更新 2：

通过定义对象的所有属性修复了最后一个错误：

$scope.tagTransform = function (newTag) {
    var item = {
        nome: newTag,
        email: 'unknown',
        cpf: 'unknown',
        matricula: 'unknown',
        lotacao: 'unknown'
    };

    return item;
  };

现在我可以选择某人了，但是选择框里面什么都没有。另外，我仍然无法搜索字符串。我试过 https://sampleurl/pessoas/v1/?nome=' + item.name 和 https://sampleurl/pessoas/v1/?nome=' + $selected.search 但都没有成功。

Answer 1

将$scope.people = response.data; 更改为$scope.people = response;

Answer 2

假设你有这样的 html，result.data 是一个人的数组。 我有 {{people}} 用于调试目的。它应该显示您在评论中发布的 result.data

{{people}}

<ui-select multiple ng-model="person" >
   <ui-select-match placeholder="Select person...">{{$select.selected.nome}}</ui-select-match>
   <ui-select-choices repeat="person in people ">
     {{person.nome}}
   </ui-select-choices>
</ui-select>

$http.get('https://sampleurl/pessoas/v1/?nome=' + item.name).then(
  function (response) {
    $scope.people = response.data;
    console.log(response)
  },

  function () {
   console.log('ERROR!!!');
  }
 );

Answer 3

很难重新创建问题以准确测试发生了什么，但根据您对原始问题的评论，返回的数据位于数组中。因此，为了获取 JSON，您必须执行以下操作：

$scope.people = response.data[0]

我总是发现控制台记录响应数据并在控制台中遍历对象及其子对象的层次结构很有帮助。这样您就可以找出属性的顺序（如果需要），这样可以更轻松地访问您需要的数据：console.log(response.data)