javascript - 绑定不起作用

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'
})

一旦你掌握了窍门，我会考虑设置一个路由器来管理绑定控制器和视图。