rabbitfoot530's diary

読んだ本と、プログラムに関することのメモです。好きな言語は、C++, Python, Golang, TypeScript。数学・物理・学習理論も好きです。

$resourceによるデータ取得(GET)

 AngularJSでデータを取得する方法は、$httpのようなローレベルのAPIを使ってもいいんですが、$resourceを使うのが楽みたいです。$httpをラップしてあるのが$resource。

 今回は、$resourceをサービスとして作って、実際に呼び出す方法の紹介。

angular.module('mockServices', ['ngResource'])
  .factory('mockData', ['$resource',
    function($resource) {
      return $resource("http://example.com:8888/:userid", {
        userid: 99
      }, {
        getMock: {
          method: 'JSONP',
          params: {
            uid: '1',
            callback: 'JSON_CALLBACK'
          },
          isArray: false
        }
      });
    }
  ])

 上記を呼び出したら、実際にurlに対してGETをして、データを取得できます。:useridには、userid:99で指定している99という数値が入って、サーバ側にはリクエストされます。

呼び出し方は下記。

mockData.getMock()