javascript – EmberJS：如何在选择更改时呈现模板

App.LocationTypeController = Ember.ArrayController.extend({

    selectedLocationType: null,locationTypeChanged: function() {
        //Render template
    }.observes('selectedLocationType')
});

{{view Ember.Select 
  contentBinding="model"
  selectionBinding="selectedLocationType"
  optionValuePath="content.id"
  optionLabelPath="content.name"}}

是的,你必须只使用this.render(),但这里的关键是它里面的选项.

App.LocationTypeController = Ember.ArrayController.extend({

 selectedLocationType: null,locationTypeChanged: function() {
    var selectedLocationType = this.get('selectedLocationType');
    this.send('changeTemplate',selectedLocationType);
 }.observes('selectedLocationType')
});

在你的路线中采取行动

changeTemplate: function(selection) {
          this.render('template'+selection.id,{into:'locationType'});
 }

并在locationType的模板中添加{{outlet}}.

{{view Ember.Select 
       contentBinding="model"
       selectionBinding="selectedLocationType"
       optionValuePath="content.id"
       optionLabelPath="content.name"}} 

{{outlet}}

样品JSBin满足您的要求