Угловой пользовательский интерфейс выберите: using url json

Question

Я пытаюсь получить список пользователей из json, созданного с помощью URL-адреса. Я пытаюсь адаптировать код мотивационного на 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!!!'); 
    } 
); 

Однако вход просто разрывает, я не могу ничего ОНТ это :(

я должен был изменить реальный URL поскольку четным печатаю JSON содержит персональные данные

UPDATE я удалил item.name из URL и выдавил значение имени Теперь я могу получить некоторые фиксированные результаты, но я failling, чтобы добавить их к входу:..

$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, ключ Дублирование: неопределенные не определено, повторяющееся значение не определено

UPDATE 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

Трудно воссоздать этот вопрос, чтобы проверить, что именно происходит, но, основываясь на ваш комментарий к первоначальному вопросу, возвращаемые данные в массиве. Поэтому для того, чтобы получить JSON, вы должны сделать следующее:

$scope.people = response.data[0] 

Я всегда нахожу полезным утешать регистрировать ответные данные и пройти через иерархию объекта и его детей в консоли. Таким образом, вы можете узнать порядок свойств (если необходимо), что упростит доступ к необходимым вам данным: console.log(response.data)

Answer 3

Предположим, что у вас есть html, как это, а result.data - это массив людей. У меня есть {{people}} для цели отладки. он должен показать результат. Данные, которые вы публикуете в комментарии

{{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!!!'); 
    } 
);