対応する変数Handlebars.JS
に置き換えられていないため、かなりの問題があります。{{anything}}
次のヘルパー関数があります。
function compileTemplate(name){
return Handlebars.compile($('#'+name+'-template').html());
}
次のバックボーン ビューで使用します。
Soccer.Teams.Li = compileTemplate('team-li');
Soccer.Router = Backbone.Router.extend({
routes: {
"": "index"
},
index: function(){
Soccer.container.html(compileTemplate('main'));
var teams = new Soccer.Teams.View();
var container = Soccer.container.find('.sub-content');
container.html(teams.render().$el.html());
var teamsList = container.find('#teams-list');
teams.teams.forEach(function(team){
teamsList.append(Soccer.Teams.Li(team.toJSON()));
}, this);
Soccer.page.trigger('pagecreate');
}
});
そして#team-li-template
、次のとおりです。
<script id="team-li-template" type="text/x-handlebars-template">
<li team-id="{{id}}"><a>{{name}}</a></li>
</script>
正しい情報が含まれている場合、正しい情報が確実に渡されますが、何も置き換えられず、タグは何も変換されませconsole.log
ん。.toJSON
何か案は?
ありがとう!
アップデート:
奇妙なことに、すべてのコードを JSFiddle にコピーしたところ、問題なく動作しました。
実際のアプリは 54.235.201.41 です (申し訳ありませんが、リンクとして追加できません)。
また、コードをファイルとしてローカルに保存して実行してみましたが、これも正常に機能します。
ユーザー名: mkremer90@gmail.com と両方のパスワード テスト。実際のアプリに何か問題がありますか? 私のアプリではなく、JSFiddle/local で機能するのはなぜですか?