Javascript 错误:$resource:badcfg响应与配置的参数-AngularJs不匹配
在我的ionic应用程序中,我有一项服务,如图所示Javascript 错误:$resource:badcfg响应与配置的参数-AngularJs不匹配,javascript,angularjs,json,ionic-framework,Javascript,Angularjs,Json,Ionic Framework,在我的ionic应用程序中,我有一项服务,如图所示 .factory('newsFactory',['$resource', 'baseURL', function($resource,baseURL) { return $resource(baseURL + "news/:id", null, { 'update': { method: 'PUT' } }
.factory('newsFactory',['$resource', 'baseURL', function($resource,baseURL) {
return $resource(baseURL + "news/:id", null, {
'update': {
method: 'PUT'
}
});
}])
然后我将上述工厂注入到控制器中。我希望用户连续单击并获取我的新闻json数组的特定文章。等等
.controller('NewsController', ['$scope', 'newsFactory', function($scope, newsFactory) {
$scope.message = "Loading ...";
$scope.newsZero = newsFactory.query(
function(response) {
var news = response;
$scope.newsZero = news[0];
console.log($scope.newsZero);
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
});
$scope.newsOne = newsFactory.query(
function(response) {
var news = response;
$scope.newsOne = news[1];
console.log($scope.newsOne);
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
});
$scope.newsTwo = newsFactory.query(
function(response) {
var news = response;
$scope.newsTwo = news[2];
console.log($scope.newsTwo);
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
});
$scope.newsThree = newsFactory.query(
function(response) {
var news = response;
$scope.newsThree = news[3];
console.log($scope.newsThree);
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
});
}])
.controller('NewsDetailsController', ['$scope', '$stateParams', 'newsFactory', function($scope, $stateParams, newsFactory) {
$scope.detailedNews = newsFactory.get({
id: $stateParams.id
})
.$promise.then(
function (response) {
$scope.detailedNews = response;
},
function (response) {
$scope.message = "Error: " + response.status + " " + response.statusText;
}
);
}]);
通过使用此代码,我可以在卡片视图中显示所有json对象
<ion-view view-title="News">
<ion-content>
<div class="card">
<div class="item item-thumbnail-left item-text-wrap" ui-sref="app.newsdetails({id: newsZero._id})">
<img ng-src="{{newsZero.image}}" alt="{{newsZero.image}}">
<h2>{{newsZero.title}}</h2>
</div>
</div>
<div class="card">
<div class="item item-thumbnail-left item-text-wrap" ui-sref="app.newsdetails({id: newsOne._id})">
<img ng-src="{{newsOne.image}}" alt="{{newsOne.image}}">
<h2>{{newsOne.title}}</h2>
</div>
</div>
<div class="card">
<div class="item item-thumbnail-left item-text-wrap" ui-sref="app.newsdetails({id: newsTwo._id})">
<img ng-src="{{newsTwo.image}}" alt="{{newsTwo.image}}">
<h2>{{newsTwo.title}}</h2>
</div>
</div>
<div class="card">
<div class="item item-thumbnail-left item-text-wrap" ui-sref="app.newsdetails({id: newsThree._id})">
<img ng-src="{{newsThree.image}}" alt="{{newsThree.image}}">
<h2>{{newsThree.title}}</h2>
</div>
</div>
</ion-content>
</ion-view>
{{newsZero.title}
{{newsOne.title}
{{newstow.title}
{{newstree.title}
但当我点击其中任何一个,我会得到这个问题标题中描述的错误。我怎样才能纠正这个错误
谢谢,
西奥。看看你做了什么努力来追踪错误到特定的代码行?我去了你刚才写的链接。当我单击一个特定的行时,我应该返回一个对象而不是数组。我整个晚上都在尝试。如果你查看我的NewsDetailsController,你会注意到我正在使用get函数。应该是这样的。但出于某种原因,angular不喜欢这样。使用
新闻工厂.query
查询数组;使用新闻工厂。获取对象的。