Question

我正在寻找创建一个下拉列表，并使用我的模型中的值填充它。

App.CoursesRoute = Ember.Route.extend({

  model: function() {
      return Ember.RSVP.hash({
          mathcourses: this.store.find('mathcourse'),
          quickmathunits: this.store.find('quickmathunit'),
          cscourses: this.store.find('cscourse'),
          quickcsunits: this.store.find('quickcsunit'),
      })
  }

});


App.Mathcourse = DS.Model.extend({

    title: DS.attr('string'),

});

App.Mathcourse.FIXTURES = [
{id: 1,  title:'Algebra', math: true},
{id: 2,  title:'Geometry', math: false},
{id: 3,  title:'Algebra 2'},
{id: 4,  title:'Statistics'},
{id: 5, title:'Pre-Calculus'},
]

来自index.html

{{view Ember.Select
content= mathcourses
optionValuePath="content.id"
optionLabelPath="content.title"}}

来自app.js

是否有人知道要添加哪些代码以便根据需要进行此下拉选择功能？该列表按预期工作，但我不知道如何使它在选择时使用ID作为链接。我想在不同的子页面之间进行选择，作为备用菜单。

Answer 1

将选择设置为控制器内的变量：

{{view Ember.Select
content= mathcourses
optionValuePath="content.id"
optionLabelPath="content.title"
value=selected}}

然后只需创建一个计算属性来观察该变量并使其重定向即可。

控制器：

selected: '',

MyComputedProperty: function(){
  //REDIRECT
}.property('selected'),

重定向：http://emberjs.com/guides/routing/redirection/

Ember Select - 设置出口选择

1 个答案: