如何在角度js中使用ID获取数据?

时间:2015-12-03 16:02:10

标签: angularjs angularjs-directive angularjs-scope angular-ui-router

我正在尝试在我的演示中使用 angular-resource.js 文件。我正在检索 来自json文件的数据使用$ 资源并使用ng-repeat显示我的数据。但每个项目我添加了一个按钮(信息文本按钮)。我需要使用它来获取信息 $ resource property.I我在点击功能上发送ID。但是当我使用$ resource属性时,它给我带来了错误

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

这是我的代码 http://plnkr.co/edit/lB11oQkQjbILK36u8V25?p=preview

1 个答案:

答案 0 :(得分: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>