$ httpリクエストからJsonを取得

Question

Angular Factoryで変更を加える場合は、ヘルプが必要です。配列JSONデータを使用した例がありますが、このコードが$ http要求のJSONデータで動作する必要があります。

これは、例えば工場である：

angular.module('starter.services', []) 

.factory('catgs', function() { 
    // Might use a resource here that returns a JSON array 

    // Some fake testing data 
    var catgs = [{ 
    id: 0, 
    name: 'CATG1', 
    items: [{ 
     img:'img/G1I1.png', 
     name:'category1Item1', 
     status:'OPEN' 

     }] 
    },{ 
    id: 1, 
    name: 'CATG2', 
    items: [{ 
     img:'img/G2I1.png', 
     name:'category2Item1', 
     status:'OPEN' 

     },{ 
     img:'img/G2I2.png', 
     name:'category2Item2', 
     status:'CLOSED' 

     }] 
    }]; 

    return { 
    all: function() { 
     return catgs; 
    }, 
    remove: function(catg) { 
     catgs.splice(catgs.indexOf(catg), 1); 
    }, 
    get: function(catgId) { 
     for (var i = 0; i < catgs.length; i++) { 
     if (catgs[i].id === parseInt(catgId)) { 
      return catgs[i]; 
     } 
     } 
     return null; 
    } 
    }; 
}); 

は、例えばmusite.com/jsondata.jsonのために、$ HTTPリクエストに答えて

Answer 1

//try this 
$http.get('your api url or .json').then(function(result){ 
    $scope.jsonData = result.data; 
}, function(err) { 
    console.log(err); 
});