Angular JS，json的離子閱讀

Question

我正在使用IONIC框架和Angular JS構建一個應用程序，我使用了離子發佈的Tinder卡功能（http://ionicframework.com/blog/tinder-for-x/）。我正在嘗試從JSON文件中讀取並使用此json文件作爲我的數組的存儲。我怎樣才能做到這一點，下面是我的代碼與正常陣列

//Controller for Cards 
angular.module('Pinder').controller('CardsCtrl', function($scope, TDCardDelegate) { 
console.log('CARDS CTRL'); 

//Array of Cards - this should be moved to a service file. 
var cardTypes = [ 
{id: 1, title: "Frank", image: 'img/Frank.png', desc:"This will be card Description", done: false }, 
{id: 2, title: "John Lewis", image: 'img/JohnLewis.png', desc:"This will be card Description", done: true }, 
{id: 3, title: "Generali", image: 'img/Generali.png', desc:"This will be card Description", done: true }, 
]; 

//Calls CardTypes array into 'cards' 
$scope.cards = Array.prototype.slice.call(cardTypes, 0); 

$scope.cardDestroyed = function(index) { 
    $scope.cards.splice(index, 1); 
}; 

//Randomly adds a new card 
$scope.addCard = function() { 
    var newCard = cardTypes[Math.floor(Math.random() * cardTypes.length)]; 
    newCard.id = Math.random(); 
    $scope.cards.push(angular.extend({}, newCard)); 
} 
}) 

//Controller for swipe interface of the card. 
.controller('CardCtrl', function($scope, TDCardDelegate) { 

//Card swipe left function 
$scope.cardSwipedLeft = function(index) { 
    console.log('LEFT SWIPE'); 
$scope.addCard(); 
}; 

//Card swipe right function 
$scope.cardSwipedRight = function(index) { 
    console.log('RIGHT SWIPE'); 
    $scope.cards[index].done = true; 
    $scope.addCard(); 
}; 
}) 

這是我的代碼試圖使用JSON的方法我得到的錯誤CardsCtrl是從JSON文件

//Controller for Cards 
angular.module('Pinder').controller('CardsCtrl', function($scope, TDCardDelegate, $http) { 
console.log('CARDS CTRL'); 

$scope.cards = []; 
$http.get('../cards.json', function(cardTypes){ 
    //Calls CardTypes array into 'cards' 
    $scope.cards = Array.prototype.slice.call(cardTypes, 0); 
}, function(error) { 
//handle error here 
}); 

}); 

$scope.cardDestroyed = function(index) { 
$scope.cards.splice(index, 1); 
}; 

//Randomly adds a new card 
$scope.addCard = function() { 
    var newCard = cardTypes[Math.floor(Math.random() * cardTypes.length)]; 
    newCard.id = Math.random(); 
$scope.cards.push(angular.extend({}, newCard)); 
} 
}) 

//Controller for swipe interface of the card. 
.controller('CardCtrl', function($scope, TDCardDelegate) { 

//Card swipe left function 
$scope.cardSwipedLeft = function(index) { 
console.log('LEFT SWIPE'); 
$scope.addCard(); 
}; 

//Card swipe right function 
$scope.cardSwipedRight = function(index) { 
console.log('RIGHT SWIPE'); 
$scope.cards[index].done = true; 
$scope.addCard(); 
}; 
}) 

閱讀不是功能。

Answer 1

感謝您的幫助大家，我發現我對這個職位

AngularJS: factory $http.get JSON file

Answer 2

語法不正確，我有時會忘記自己使用哪一個。 $http.get()返回承諾success和error方法。

$http.get('../cards.json').success(function(cards){ 
    console.log(cards); 
}).error(function(error) { 
    console.log(error); 
});