AngularJSでJSONデータから1件を取得したい

Question

angular-resourceを使用して、外部のjsonファイルを読み込んでいます。（ブログの記事一覧のような画面です。）
下記のコードで全件を表示することはできたのですが、たとえば2番目（id:2）だけを取り出して表示させるにはどのようにすればよいのでしょうか。

「this.articles = contents.query([1]);」のようなことができれば良いと思うのですが…。
どうぞよろしくお願い致します。

angular.module('app', ['ngResource'])
.controller('articlesController', ['$resource', function ($resource) {
  var contents = $resource("../data.json");
  this.articles = contents.query();
}]);

[
  {
    "id": 1,
    "date": "2015/05/01",
    "title": "タイトル1"
  },
  {
    "id": 2,
    "date": "2015/05/02",
    "title": "タイトル2"
  },
  {
    "id": 3,
    "date": "2015/05/03",
    "title": "タイトル3"
  }
]

Answer 1

ngResourceは非同期なので、結果が戻ってくるまでに時間があります。
結果を確定するにはコールバックかpromiseを使います。

コールバックの例

contents.query(function(articles) {
  this.article = articles[1];
});

promiseの例

var articles = contents.query();
articles.$promise.then(function() {
  this.article = articles[1];
});

環境がないので検証していません。エラーが出たら適宜直してください。

Answer 2

filterとかどうでしょう

サンプルURL

      contents.query().$promise.then(function(data){
        $scope.filterArticles = $filter("filter")(data, {id: 2});
      });

Answer 3

 this.articles = contents.query()[1];
```;
ではどうですか？

Comments

[ukotsu]

ご回答ありがとうございます。
残念ながら[undefined]が返ってきました。