AngularJS：從json加載單個對象

Question

我想從json文件中列出一些帖子，然後單擊一個，加載單個帖子，但是當我單擊它時，數據未加載。

我使用下面的函數來處理數據

$scope.currentPost = $filter('filter')($scope.posts, {id: $routeParams.id}) 

這裏是我的Plnkr：http://plnkr.co/edit/brWn6r4UvLnNY5gcFF2X?p=preview

Answer 1

更新Plnkr：使用_http://plnkr.co/edit/3P2k60aPyuatjTx9raJU?p=preview

app.controller('MainCtrl', function($scope, $http, $route, $routeParams, $filter) { 
    $scope.name = 'Test'; 

    $scope.getData = function(){ 
    $http.get('posts.json') 
     .then(function(res){ 
      $scope.posts = res.data.posts; 
      $scope.currentPost = $filter('filter')($scope.posts, {id: $routeParams.id}); 
      $scope.currentPost = $scope.currentPost[0]; // $filter apparently returns an array... 
     }); 
    }; 
    // setInterval($scope.getData, 1000); // DO WE REALLY NEED IT? 

    $scope.getData(); 

}); 

---

替代解決方案（下劃線）findWhere方法：

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> 

app.controller('MainCtrl', function($scope, $http, $route, $routeParams, $filter) { 
    $scope.name = 'Test'; 

    $scope.getData = function(){ 
    $http.get('posts.json') 
     .then(function(res){ 
      $scope.posts = res.data.posts; 
      // id: integer 
      // $routeParams.id: string 
      // when comparing integer to string _.findWhere was failing 
      // always good practice to pass radix to parseInt: http://davidwalsh.name/parseint-radix 
      $scope.currentPost = _.findWhere($scope.posts, {id: parseInt($routeParams.id, 10)}); 
     }); 
    }; 
    // setInterval($scope.getData, 1000); // DO WE REALLY NEED IT? 

    $scope.getData(); 

}); 

Plnkr：http://plnkr.co/edit/N7UeaOuoNIoQgzQfrkY3?p=preview

在我的代碼我通常使用_但現在我已經學到新的東西 - 我可以使用$filter呢！