Question

我是新手，我正在尝试一些事情请帮助

JS：

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
});

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

App.ApplicationRoute=Ember.Route.extend({
  model:function() {
    return ['Home','Features','About'];
  },
  setupController: function(controller) {
    controller.set('title', "Hello world!");
  },
});

在ApplicationRoute下添加了模型

模板：

  <script type="text/x-handlebars">
    <h2>Welcome to Ember.js</h2>
    {{model}}
    {{outlet}}   
  </script>

  <script type="text/x-handlebars" data-template-name="index">
    <ul>
    {{#each model as |item|}}
      <li>{{item}}</li>
    {{/each}}
    </ul>   
  </script>

第一个模板下的

尝试输出模型但未显示在输出

中

输出：

欢迎来到Ember.js

red
yellow
blue

Answer 1

当您覆盖setupController挂钩时，您还应该将模型设置为：

App.ApplicationRoute=Ember.Route.extend({
  model:function() {
  return ['Home','Features','About'];
 },
  setupController: function(controller, model) {
  controller.set('model', model);
  controller.set('title', "Hello world!");
 },
});

应用程序路由中的Ember js -Model未加载

1 个答案: