заселить Backbone марионеток Просмотров с данными Mongoose с помощью экспресс-маршрута

Question

Im пытается извлечь данные/API с помощью узла/экспресс-маршрут с данными, хранящимися в Монго/мангустов и показать его в Backbone марионеток ...

маршрут им с помощью это:

enter code here`app.get('/cats', function(req, res){ 
Cat.find({}, function (err, docs) { 
res.send(docs); 
    }); 
}); 

2) Когда я иду на локальный хост: 3000/кошек, я получаю JSON работаю как:

[ 
{ 
"__v": 0, 
"_id": "51318ce9a7ff43f808000003", 
"catname": "Jonas" 
}, 
{ 
"catname": "Justin", 
"_id": "51416268a8225e7413000001", 
"__v": 0 
}, 
{ 
"catname": "Bobby", 
"_id": "51416268a8225e7413000001", 
"__v": 0 
} 
] 

3) Теперь, как я могу иметь коллекцию/модель/itemview/др c использовать данные json из моего db?

Я обычно это далеко:

MyCat = Backbone.Model.extend({}); 

MyCats = Backbone.Collection.extend({ 
model: MyCat, 
url: '/cats' 
}); 

CatView = Backbone.Marionette.ItemView.extend({ 
template: "#cats-template", 
tagName: 'li', 
className: 'cat' 
}); 

AngryCatsView = Backbone.Marionette.CompositeView.extend({ 
tagName: "ul", 
id: "cats", 
template: "#cats-template", 
itemView: CatView, 

appendHtml: function(collectionView, itemView){ 
collectionView.$("ul").append(itemView.el); 
} 
}); 

Но тогда им не уверены, какой тип инициализаторе использовать. Я видел примеры с hardcoded json, но ни один из db.

Answer 1

Нигде в коде, который вы опубликовали, вы действительно выбрали свою коллекцию с сервера.

Попытка это:

var catCollection = new MyCats(); 
catCollection.fetch(); 

var angryCatsView = new AngryCatsView({collection: catCollection}); 
angryCatsView.render(); 

Answer 2

Не уверен, что это сработает для вашей ситуации, но в вашей коллекции добавьте метод анализа, который будет принимать ваши данные. У вас может быть вложенный массив, с которого Backbone не может извлечь внутренние данные.

parse: function(data) { 
    return data[0]; 
} 

Я хотел бы добавить точку отладки внутри этого метода синтаксического анализа, чтобы увидеть, если данные, передаваемые в гнездятся данные.

Answer 3

Проблема была в этом ... var thecats = myCats(); thecats.fetch(); Надеюсь, что это поможет кому-то