AngularJS1.5 + Django に挑戦してみる 3 AnguraJSの設定 その3

概要

AngularJS1.5 + Django に挑戦してみる 3 AnguraJSの設定　その3

参考動画

www.codingforentrepreneurs.com

Post Objects API Integration

• app.config.jsを修正する。

angular.module('try').
    config(
        function(
          $locationProvider,
          $resourceProvider, //ここを追加
          $routeProvider
          ){
          $locationProvider.html5Mode({
              enabled:true
            })

          $resourceProvider.defaults.stripTrailingSlashes = false://ここも追加

• post.service.js を修正する。

'use strict';

angular.
    module('post').
        factory('Post', function($resource){
            var url = '/static/json/posts.json'
            return $resource(url, {}, {
                query: {
                    method: "GET",
                    params: {},
                    isArray: true,
                    cache: false,
                    // ここを追加
                    transformResponse: function(data, headersGetter, status){
                        console.log(data)
                        var finalData = angular.fromJson(data)
                        return finalData.results
                    }
                    // ここまで追加
                    // interceptor
                },
                get: {
                    method: "GET",
                    // params: {"id": @id},
                    isArray: true,
                    cache: false,
                }
            })

        });