材料 Md 选择在 AngularJS 中不起作用答案

【问题标题】：Material Md select not working in AngularJS材料 Md 选择在 AngularJS 中不起作用
【发布时间】：2019-04-05 23:38:47
【问题描述】：

md-select 在我的代码中不起作用。我导入了 angular 所需的每个 css 和 js 文件，所以不要说要正确导入文件。我正在构建一个 Web 应用程序。我几乎完成了，但在客户端验证 <md-select> 不起作用。

<md-input-container class="md-block" style="margin-bottom: 0px;padding:2px;">
    <md-select name="gender" ng-model="gender" ng-required="true" >
    <label value="gender" style="padding-left: 13px">Gender</label>
        <md-option value="male">Male</md-option>
        <md-option value="female">Female</md-option>
        <md-option value="others">Others</md-option>
    </select>
    <div class="errors" ng-messages="form.gender.$error">
         <div ng-message="required">Please Select Your Gender</div>
     </div>
 </md-input-container>

它应该可以正常工作，但对我来说它不工作它显示错误但重定向到下一页。所以请有人解决我的问题。

【问题讨论】：

控制台有错误吗？
没有显示错误
性别男女其他

请选择您的性别
这是我的最终代码
这是 Angular 2.x 还是 AngularJS 1.x 的问题？为什么要同时标记两者？

标签： angularjs angular-material

【解决方案1】：

<body ng-controller="myCtrl">
  <md-select name="gender" ng-model="gender" ng-required="true">
    <label value="gender" style="padding-left: 13px">Gender</label>
    <md-option value="male">Male</md-option>
    <md-option value="female">Female</md-option>
    <md-option value="others">Others</md-option>
  </md-select>
  <div class="errors" ng-messages="form.gender.$error">
    <div ng-message="required">Please Select Your Gender</div>
  </div>
</body>

DEMO

【讨论】：

您正在混合 angular 和 bootstrap ，请查看文档 material.angularjs.org/latest/layout/introduction
我的问题不在于 bootstrap 和 angular 我的问题是 md-select is not working on my code 。你明白了吗？
@dharmanraj 这就是问题所在！你的应用根本不是有棱角的材料
检查这个演示并应用相同的codepen.io/sajeetharan/pen/KNyObN

【解决方案2】：

md-select 不再验证，所以在 md-input-container 中使用 select。我通过遵循 github angular 问题页面解决了这个问题。

【讨论】：