当我将输入标签作为子标签时，md 输入容器抛出错误答案

【问题标题】：md input container throwing error when I put input tags as child当我将输入标签作为子标签时，md 输入容器抛出错误
【发布时间】：2016-09-06 17:52:40
【问题描述】：

尝试使用 Angular 示例页面中的以下代码：

 <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>

但这是我得到的错误：

错误：只能有一个子输入，文本区域或选择元素！

可以在此处找到示例（查找 Select Header）：https://material.angularjs.org/latest/demo/select

【问题讨论】：

你检查过你的角材料版本吗？
您是否也使用与示例相同的 javascript？
两个优点。原来这是我的角度材料版本。谢谢你们。 @Paulo Galdo Sandoval，请随时发布您的回复作为答案，我会接受它作为正确答案。

标签： javascript html angularjs input

【解决方案1】：

正如我在 cmets 上所说的，问题出在你的 Angular 材料的版本上

尝试将其更新到最新版本1.0.9 或1.1.0 并尝试一下。

<!-- Angular Material Library -->
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js">

【讨论】：

好吧，这对我不起作用。以及版本在其中扮演什么角色。
那是一个错误版本，因为有一个错误issue on github也许你可以检查另一个版本中是否有其他类似的错误
你好@paulo，好吧，我得到了解决方案并解决了我的问题。所以，问题是，我们不能在中使用多个输入字段你可以做的是使用嵌套这是的基本概念。这将解决您的问题。与您使用的版本无关。仅供参考：我尝试了 v1.1.0 、 1.0.9 、 1.1.0 但问题仍然存在。