Question

组件中的简单数组，它将显示在选择器标记中。我无法让它发挥作用。 firstSelector不显示任何内容。

在component.js中：

  sortPropertiesAsc: ['value:asc'],
  selectors: ['model.modelObjects', 'model.location'],

  firstSelector: function(){
     const firstGroupObjects = this.get('selectors')[0];
     return Ember.computed.sort(firstGroupObjects, 'sortPropertiesAsc');
  }.property(),

在component.hbs

中

   <select onchange={{ action 'selectBrand' value="target.value" }}>
      <option value="" >Select company</option>
      {{#each firstSelector as |company|}}
         <option value={{company.id}} selected={{eq brand company.id}}>  {{company.value}}</option>
      {{/each}}
   </select>

如果我在component.hbs中编写这样的firstSelector，它将起作用：

 firstSelector: Ember.computed.sort('model.modelObjects', 'sortPropertiesAsc'),

如何以其他方式（作为函数）编写它

Answer 1

我不确定您的设置中是否有所有内容，但有一件事我注意到，如果您希望computed property基于{{1}的更改而触发}，你想要这样的东西。

selectors

如果firstSelector: Ember.computed('selectors', function() { const firstGroupObjects = this.get('selectors.firstObject'); return Ember.computed.sort(firstGroupObjects, 'sortPropertiesAsc'); })更改了值，您也希望将其添加到

中

sortPropertiesAsc

Ember简单数组显示在组件中

1 个答案: