javascript – 当我将输入标签作为子项时,md输入容器抛出错误

2019年7月21日 173次阅读

尝试使用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>

但这是我得到的错误：

错误：只能有一个子输入,textarea或select元素！

可以在此处找到示例(查找选择标题)：https://material.angularjs.org/latest/demo/select

最佳答案 正如我在评论中所说,问题是你的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">
点赞