Question

md-select无法使用我的代码。我导入了角所需的每个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>

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

Answer 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

Answer 2

md-select不再验证，所以在md-input-container中使用select。我按照github角度问题页面解决了这个问题。

材质Md选择在AngularJS中不起作用

2 个答案: