angular material - Select header 错误

Question

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>

有谁知道我做错了什么或者有过同样的经历吗？

Answer 1

将 material 版本从 1.1.0-rc3 更新到最新版本 1.1.0-rc.5，它应该可以工作，

这是工作 Plunker.,

angular material - Select header 错误

angular material - Select header Error

select

angularjs

angular-material