如何将模型传递给从 Ember 1.6 中的路由渲染的模板

Question

我正在尝试在路由的渲染模板中设置模型。模型正在通过模板调用正确捕获：

{{#each itemController="user"}}
  <div {{bind-attr class="isExpanded:expanded"}}>
  <div><button {{action "sayHello" this}}>{{first_name}} {{last_name}}</button></div>

和我的路线：

Newkonf.UsersRoute = Ember.Route.extend({
  isExpanded: false,

  actions: {
   sayHello: function(myModel){

      alert('first name: ' + myModel.first_name); // <- this works
      // this.render('edit-user', {model: myModel});  <- doesn't work but not sure since this leads me to susupec 
      // it might https://github.com/emberjs/ember.js/issues/1820
      // this.set('model', myModel}); <- doesn't work
      this.render('edit-user');
    }
  }
}

车把是：

going to edit user here first name: {{first_name}}

编辑 1

我可以在 UsersRoute 中更新消息，它会相应地更新。我有点因为我指定了 UserController 会导致 UserRoute 优先，但我想不会。

这是我的路由器：

Newkonf.Router.map(function() {
  // this.resource('posts');
  
  this.route('about', { path: '/about'});
  this.resource('users', { path: '/users'}); 
});

编辑 2

我必须像这样处理我的 modal.js.hbs：

within modal for you:
{{model.first_name}}

因为这不起作用：

within modal for you:
{{first_name}}

不知道为什么。

这是我的路线：

Newkonf.ApplicationRoute = Ember.Route.extend({

  actions:{
    somePlace: function(item){
     alert('here i am in somePlace: ' + item.last_name); // <- this works
     var modalController = this.controllerFor('modal');
     modalController.set('model', item);
     var myjt=modalController.get('model');  
     console.log('my value:' + myjt.first_name); // <- this works
     this.render('modal', {
       into: 'application',
       outlet: 'modal3',
       controller: modalController
      });
    }
  }
});

而且没有控制器。

Answer 1

渲染到特定的插座需要命名插座，并且当您尝试渲染到它时，插座要在视图中。

对于模态框，将其置于应用程序模板中通常是一个不错的选择，因为应用程序始终在视图中。

  actions: {
    openModal: function(item){
      var modalController = this.controllerFor('modal');
      modalController.set('model', item);
      this.render('modal', {  // template
        into: 'application',  // template the outlet lives in
        outlet: 'modal',      // the outlet's name
        controller: modalController  // the controller to use
      });
    }
  }


  App.ModalController = Em.ObjectController.extend();

在上面的例子中，我使用名为modal ({{outlet 'modal'}}) 的插座将模板modal 渲染到application，并创建了一个控制器来支持我正在渲染的模板。在这个过程中，我在控制器上设置了模型，它将在模板中使用。

您可以阅读有关模态的更多信息：http://emberjs.com/guides/cookbook/user_interface_and_interaction/using_modal_dialogs/

下面是示例： http://emberjs.jsbin.com/pudegupo/1/edit