修改基於下拉值車把模板

Question

基於即選擇下拉如果B被選擇的模板必須被修改爲B.

模板 -

<script type="text/x-handlebars" id="search"> 

          ... 

          <div class="controls"> 
           <select class="input-medium focused"> 
              <option>Any</option> 
              <option>A</option> 
              <option {{action 'chosenB'}} >B</option> 
              <option>C</option> 
              <option>D</option> 
           </select> 
          </div> 

          {{#if searchB}} 
           //Show view specific to B-only 
          {{/if}} 
    </script> 

路由器 -

  App.Router = Ember.Router.extend({ 

       this.resource('search'); 

      }); 

      SearchController = Ember.ObjectController.extend({ 

       searchB: false, 

       chosenB: function() { 
       this.set('searchB', true); 
       }, 

      }); 

因此，當我轉到URL /搜索時，由於未滿足IF條件，因此B中唯一的視圖未顯示。但是，當用戶從下拉列表中選擇B時，我已經從模板中調用了SearchController的操作selectedB，該模板應該將「searchB」設置爲true，並且B-only視圖應該已經出現，這不會發生。

您能否請幫助在這裏找錯..

燼 - 1.0.0-RC.2

Answer 1

Ember.js有一個內置的選擇視圖，請看看這個文檔http://emberjs.com/api/classes/Ember.Select.html，我覺得你的問題是結合相關，使用該作業的正確組成部分將具有所需的行爲。

希望它有幫助