Ember と Handlebars がバインディングを解決できるように、グローバルに宣言されています。
view
たとえばビューの場合、ヘルパーを介してハンドルバー テンプレートでインスタンス化できるようにする必要があります。
ハンドルバー:
<script type="text/x-handlebars" >
{{#view MyView}}
my view's template
{{/view}}
</script>
JavaScript : </p>
MyView = Ember.View.extend({});
var
次の例は、コントローラーがステートメントで宣言されている場合は機能しません。 http://jsfiddle.net/pangratz666/uzsd6/を参照してください。
ハンドルバー:
<script type="text/x-handlebars" >
{{controller.name}} - {{secondController.name}}
</script>
JavaScript :
var controller = Ember.Object.create({
name: 'my name'
});
var secondController = Ember.Object.create({
nameBinding: 'controller.name'
});
コントローラーがグローバルに使用可能なオブジェクト (App
この場合は名前空間) で宣言されている場合、バインディングを解決できます。 http://jsfiddle.net/pangratz666/kUmje/を参照してください。
ハンドルバー:
<script type="text/x-handlebars" >
{{App.controller.name}} - {{App.secondController.name}}
</script>
JavaScript :
App = Ember.Application.create({});
App.controller = Ember.Object.create({
name: 'my name'
});
App.secondController = Ember.Object.create({
nameBinding: 'App.controller.name'
});
の命名規則に関するEmberistのブログを参照してください。Ember.js