控制器无法被调用

时间:2016-08-26 09:38:51

标签: javascript html ember.js

我最近开始学习ember.js,由于某些原因我无法调用我的控制器

App = Ember.Application.create();

App.Router.map(function() {
  this.route('about');
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return ['red', 'yellow', 'blue', 'pie','koala'];
  }
});

App.IndexController = Ember.Controller.extend({
    sortedModel : function(){
        alert("this works");
    }
});

app.js

<script type="text/x-handlebars" id="index">
    <ul>
    {{#each sortedModel as |item|}}
      <li>{{item}}</li>
    {{/each}}
    </ul>
  </script>

我尝试通过在循环中重新计算sortedModel来调用它,根据教程 它可能是非常愚蠢的东西,但对于我的生活,我似乎无法看到它,我按照教程去了字母,不能继续没有它

1 个答案:

答案 0 :(得分:0)

尝试:

使用.property()

标记该功能
App.IndexController = Ember.Controller.extend({
    sortedModelAlertOnly : function(){
        alert("this works");
    }.property(),
    sortedModel : function(){
       return this.get('model').sort();
    }.property('model')
});

http://jsbin.com/beguqoqubi/edit?html,js,output