取得したコレクションデータをhtmlページに表示する簡単なhtmlページを取得しようとしています。エラーがスローされないので、私が間違っていることを伝えることはできません。バックボーンJS - レンダリングされないビュー
モデル、コレクション、およびビューは、コンソールからAPIから取得されたデータで表示されるため、正しく作成されていますが、ページには何も表示されません。どんな助けでも大歓迎です。
モデル
Department = Backbone.Model.extend({
idAttribute: "dept_id",
urlRoot: appRouteUrl + '/api/v1/departments',
defaults: {
dept_code: '',
dept_desc: ''
}
});
コレクション
DepartmentCollection = Backbone.Collection.extend({
url: appRouteUrl + '/api/v1/departments',
model: Department
});
ビュー
var DepartmentListView = Backbone.View.extend({
template: "#department-list-template",
tagName: "ul",
render: function() {
var results = [];
var compiledTemplate = _.template(this.template);
this.collection.each(function(department) {
console.log(department);
var html = compiledTemplate(department.toJSON());
results.push(html);
});
this.$el.html(results);
return this;
}
});
引x
<!DOCTYPE html>
<html>
<head>
<title>AppName</title>
</head>
<body>
<div class="departments">
<script type="text/template" id="department-list-template">
<span><%= dept_desc %></span>
</script>
</div>
<script>
var departments = new DepartmentCollection();
departments.fetch();
var departmentList = new DepartmentListView({
collection: departments
});
$('.departments').html(departmentList.render().$el);
departmentList.render();
</script>
</body>
</html>
すべてのヘルプありがとうございますが、何も返されず、エラーもなく画面上に何も表示されません。私はこれを別の手法で試してみようと思っています。 – merty41