绑定不起作用

Question

这是我在stackoverflow中的第一篇文章。

我是ember.js的新手，我一直在研究ember.js。

我正在构建一个小应用程序来学习ember.js，但绑定无论如何都不起作用。

请给我一个帮助!!

#------------------------Controller------------------------


App.ApplicationController = Ember.Controller.extend();

App.monstersController = Ember.ArrayProxy.create({

content:[],

//some code to add model instances to content...

counter: function(){
var content = this.get('content');
return content.get('length');
}.property('length')

});


#------------------------View------------------------


App.StatsView = Ember.View.extend({
counterBinding : 'App.monstersController.counter',



#------------------------HTML------------------------

<script type="text/x-handlebars" data-template-name="application">

//some code here

{{#view App.StatsView}}Counter: {{counter}}{{/view}}

//I'm expecting the length of content array in App.monstersController above.

//some code here

</script>

Answer 1

如果您想要访问视图中的值，则需要通过{{view.counter}}访问它。

但是，在您的情况下，您可能应该在视图上设置控制器，如：

App.StatsView = Ember.View.extend({
  controllerBinding : 'App.monstersController'
})

一旦掌握了这一点，我就会考虑设置路由器来管理绑定控制器和视图。