2016-08-15 115 views
2

I get this error "Error: md-input-container can only have one child input, textarea or select element!" when trying to implement a Select Header.角材料 - 選擇頭錯誤

這是我的代碼

<md-input-container> 
    <label>Vegetables</label> 
    <md-select ng-model="selectedVegetables" md-on-close="clearSearchTerm()" data-md-container-class="selectdemoSelectHeader" multiple=""> 
     <md-select-header class="demo-select-header"> 
     <input ng-model="searchTerm" type="search" placeholder="Search for a vegetable.." class="demo-header-searchbox _md-text"> 
     </md-select-header> 
     <md-optgroup label="vegetables"> 
     <md-option ng-value="vegetable" ng-repeat="vegetable in vegetables | 
      filter:searchTerm">{{vegetable}}</md-option> 
     </md-optgroup> 
    </md-select> 
    </md-input-container> 

當我刪除以下的話,我沒有得到任何錯誤。

<md-select-header class="demo-select-header"> 
    <input ng-model="searchTerm" type="search" placeholder="Search for a vegetable.." class="demo-header-searchbox _md-text"> 
    </md-select-header> 

有沒有人知道我做錯了什麼或經歷過同樣的事情?

+0

是什麼版本您使用的?我沒有在這裏得到任何錯誤https://plnkr.co/edit/s33RpP?p=preview – Sajeetharan

+0

謝謝您的回答。 我在使用1.1.0-rc3,但在閱讀https://github.com/angular/material/issues/9091後將角度材質版本更新爲1.1.0-rc5。 而現在它的工作。顯然我不是唯一遇到這個問題的人。 – Nisanth

回答

0

更新從1.1.0-rc3材料verison到1.1.0-rc.5的最新版本,它應該工作,

這裏是工作Plunker

+0

Actualy的最新版本是1.1.0-rc.5。 – developer033

+0

代碼不能在Firefox中使用 –