Javascript 主干/marioneete:模板帮助程序不工作
我发现当使用templateHelpers并将其设置为函数时,它根本不显示 但是当我在templateHelper中使用变量时,它正在显示。基本上,他们在这个环节,这是不工作的我这边 JSFIDLE在这里 HTMLJavascript 主干/marioneete:模板帮助程序不工作,javascript,jquery,backbone.js,marionette,Javascript,Jquery,Backbone.js,Marionette,我发现当使用templateHelpers并将其设置为函数时,它根本不显示 但是当我在templateHelper中使用变量时,它正在显示。基本上,他们在这个环节,这是不工作的我这边 JSFIDLE在这里 HTML 我的布局 这是你的固定小提琴 你有两个问题: 1. 新建关键字定义布局时, 扩展主干/MarionNet类时,不应使用new关键字 app.layout=Backbone.marionete.layout.extend而不是app.layout=new Backbone.mario
我的布局
这是你的固定小提琴
你有两个问题:
1. <代码>新建关键字定义布局时,
扩展主干/MarionNet类时,不应使用new
关键字
app.layout=Backbone.marionete.layout.extend
而不是app.layout=new Backbone.marionete.layout.extend
2. <代码>区域非区域
您需要在
区域内定义您的区域
而不是区域
谢谢!但是JSFIDLE并没有像预期的那样工作。临时助手未显示。
model2 = Backbone.Model.extend({
defaults: {
age: '',
name: ''
},
initialize: function () {
this.set({
name: "Terry"
});
}
});
someview = Marionette.ItemView.extend({
tagName: "div",
template: "#tpl-box",
templateHelpers: {
showMessage: function () {
return " is the coolest!";
}
}
});
var app = new Marionette.Application();
app.container = new Backbone.Marionette.Region({
el: "#container"
});
app.layout = new Backbone.Marionette.Layout.extend({
template: "#tpl-layout",
region: {
rgn: "#rgn1"
}
});
var m = new model2();
var view2 = new someview({
model: m
});
app.on("initialize:after", function() {
layout = new app.layout();
app.container.show(layout);
layout.rgn.show(view2);
});
app.start();
<div id="container" class="container"></div>
<script id="tpl-box" type="text/html">
<%= name %>
</script>
<script id="tpl-layout" type="text/html">
< h3 > My layout < /h3>
<div id="rgn1">
</div >
</script>