Ember js pushObject覆蓋陣列

Question

我正在Ember.js 和我有一個select元素設置爲發送值「onchange」我收到的值沒有任何問題.. 但我想保存每一個選擇到一個數組並顯示它在標籤 這裏飛是我template.hbs

<div class="panel-body"> 
    <div class="form-group"> 
     <select name="services" id="services" class="form-control" onchange={{action 'setValue' value="target.value"}}> 
      <option> Select Services </option> 
     {{#each services as |service|}} 
      <option value="{{service.name}}">{{service.name}}</option> 
     {{/each}} 
     </select> 
    </div> 
    <div class="form-group"> 
     {{selectedService}} 
     {{#each selectedService as |selection index|}} 
     <span class="label label-primary">{{index}} {{selection}}</span> 
     {{/each}} 
    </div> 
    </div> 

，這裏是我的控制器

actions: { 
setValue(ser){ 
    var selectedService = []; 
    this.set('selectedService', ser); 
    selectedService.pushObject(ser); 

    console.log(selectedService); 
} 

我試圖登錄「selectedService [1]」和選擇兩個項目，但事實並非如此工作它不斷覆蓋第一項:(

Answer 1

你的情況的原因是你不斷設置selectedService到一個新的陣列。取而代之的是;你需要獲得控制器的selectedService並推送到它。我指的是以下幾點：

export default Ember.Controller.extend({ 
    selectedService: [], 

    actions: { 
     setValue(ser){ 
     this.get('selectedService').pushObject(ser); 
     } 
    } 
}); 

您的控制器初始化selectedService一次，就可以不斷地推到同一陣列。

您可以檢查以下twiddle，我猜這是接近你想要的。