Question

<script type="text/x-handlebars" data-template-name="application">
  <ul>
    {{#each person in controller}}
       <li>{{#link-to 'foo' person}}{{person.firstName}}{{/link-to}}</li>
    {{/each}}
  </ul>
</script>

<script type="text/x-handlebars" data-template-name="foo">
  <h5>Foo route</h5>
  {{name}}: converted to {{fullName}}
</script>

的javascript：

App = Ember.Application.create({});

App.ApplicationRoute = Ember.Route.extend({
  model: function(){
      return [
          {firstName: 'Kris', lastName: 'Selden'},
          {firstName: 'Luke', lastName: 'Melia'},
          {firstName: 'Formerly Alex', lastName: 'Matchneer'}
      ];
  }
});

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

App.FooRoute = Ember.Route.extend({
  model: function(params) {
    // just ignore the params
    return Ember.Object.create({
      name: 'something'
    });
  }
});

App.FooController = Ember.ObjectController.extend({
  fullName: function() {
    return this.get('name') + ' Jr.';
  }
});

我必须做错事，因为这些{{#link-to}}失败了。这是一个JSBin。犹豫要提出问题因为这看起来很简单：

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

Answer 1

您的路线不允许参数。将其更改为

this.resource('foo', { path: '/:person_id'});

Ember.js链接到#each块内部不会渲染

1 个答案: