2016-08-15 83 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中使用 –