1

Я пытаюсь использовать угловатые-resource.js файл в моем демо .Я извлечения данных из файла JSON, используя $ ресурс и отображать мои данные, используя нг-повторить .Но Каждый элемент я добавил одну кнопку (Информация о текстовому) .Я нужно, чтобы получить его, используя детали $ Resource property.I посылаю ID на функции мыши .Но когда я использую свойство $ ресурсов дает ошибку мнеКак получить данные с помощью ID в угловых js?

$scope.getIn=function(id){ 
    // alert(id) 
     $scope.oneUser = Entry.get({user: id}); 
     console.log($scope.oneUser) 
    } 

вот мой Код http://plnkr.co/edit/lB11oQkQjbILK36u8V25?p=preview

+0

Ну, '$ resource' предназначается для работы с REST API, но вы пытаются получить что-то из файла JSON. – Puigcerber

ответ

1

Если я правильно понимаю, что вы пытаетесь достичь, это должно решить:

angular.module('app',['ngResource']).controller('a',function($scope, GetData){ 
    // read data from factory and store it in $scope.posts 
    GetData.then(
     function successCallback(data) { 
      $scope.posts = data.data; 
     }, 
     function errorCallback(response) { 
      console.log(response); // handle any errors 
     }); 

    // buttonclick to return the values from the selected id 
     $scope.getIn = function(id){ 
     angular.forEach($scope.posts, function(value) { 
      if(value.id === id) 
      { 
      $scope.selectedValue = value; 
      } 
     }) 
     }; 

    console.log($scope.posts) 
    }) 
    .factory('GetData', function($http){ // use http to read the json 
    return $http.get('data.json'); 
    }); 

И в HTML:

<body ng-app='app' ng-controller='a'> 
    <div ng-repeat='p in posts'> 
     <span>{{p.name}}</span> 
     <button ng-click=getIn(p.id)>info</button> 
    </div> 
    {{selectedValue}} 
    </body> 
Смежные вопросы