このサンプルの「最低限の」自己完結型の例を実行する
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/3024625/ember.js"></script>
<script type="text/javascript">
$(window).load(function(){
var App = Ember.Application.create({
ready: function() {
this.layout = App.ApplicationView.create();
this.layout.appendTo('body');
}
});
App.ApplicationView = Ember.View.extend({
template: Ember.Handlebars.compile('<h1>Application</h1>')
});
App.initialize();
});
</script>
<script type="text/x-handlebars" data-template-name="application">
test
</script>
</head>
<body>
</body>
</html>
次の出力が得られます。
<body class="ember-application">​
<div id="ember129" class="ember-view"><h1>Application</h1></div></body>
「​」の文字に注意してください。エンコーディングの問題のように見えますが、別のセットアップでは、これらの文字がすべてのページの上にある改行の形を取ります (これが問題に気付いた理由です)。
を削除する
<script type="text/x-handlebars" data-template-name="application">
test
</script>
行、文字を遠ざける。
最新の Ember.js (マスター) と 1 か月前のビルドで同じ問題が発生しています。
他の誰かがこの問題を抱えていましたか?