[ Issue resolved... the solution turned out to be surprisingly simple...
$scope.article = articleFactory.getArticles().get({id:parseInt($stateParams.id,10)}) .$promise.then(
should have been:
$scope.article = articleFactory.getArticles().get({
id: $stateParams.id
})
I did try this initially but Chrome was caching the old code - cleared history and problem solved.
Ouch.
]
Encountering an issue when transitioning my site from json-server to express / mongo / mongoose. Everything works on json, but upon moving to express / mongo / mongoose, I encounter the following error:
CastError: Cast to ObjectId failed for value "NaN" at path "_id"
Resulting in a crash of the server...
The crash can be avoided by adjusting the route. Initially, it was configured as follows:
articleRouter.route('/:articleId')
.get(function (req, res, next) {
Articles.findById(req.params.articleId, function (err, article) {
if (err) throw err;
res.json(article);
});
})
Adding an if statement to filter out NaNs allows the server to run:
articleRouter.route('/:articleId')
.get(function (req, res, next) {
if (id.match(/^[0-9a-fA-F]{24}$/)) {
Articles.findById(req.params.articleId, function (err, article) {
if (err) throw err;
res.json(article);
});
}
})
However, it fails to serve "detail pages" where the id is passed. It's highly likely that this relates to data types within mongoose schemas, but being relatively new to this, I'm a bit lost.
The schema looks like this - with and without the id field:
var articleSchema = new Schema({
_id: {
type: String,
required: true,
unique: true,
index: true
},
headline: {
type: String,
required: true,
unique: false
}
---and so on---
}
Additional code is included below which may or may not be relevant, but I believe this is predominantly a Mongoose issue. Any insights?
Thanks in advance Stef
Relevant markup: (in "news.html")
<div ng-controller="ArticleController">
<div><a ui-sref="app.newsdetail({id: article.id})">See details</a></div>
</div>
Markup : (in "newsdetail.html")
<div ng-controller="ArticleDetailController">
{{article.headline}}
{{article.text}}
</div>
Controllers:
.controller('ArticleController', ['$scope', '$stateParams', 'articleFactory', function ($scope, $stateParams, articleFactory) {
'use strict';
articleFactory.getArticles().query(
function(response) {
$scope.articles = response;
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
}
);
}])
.controller('ArticleDetailController', ['$scope', '$stateParams', 'articleFactory', function ($scope, $stateParams, articleFactory) {
$scope.article = {};
$scope.article = articleFactory.getArticles().get({id:parseInt($stateParams.id,10)})
.$promise.then(
function(response){
$scope.article = response;
$scope.showArticle = true;
},
function(response) {
$scope.message = "Error: "+response.status + " " + response.statusText;
}
);
}])
Service:
.service('articleFactory', ['$resource', 'baseURL', function($resource,baseURL) {
'use strict';
this.getArticles = function(){
return $resource(baseURL+"articles/:id",null,{'get':{method:'GET' }});
};
}])