1

angular-materialを使用してワークフォームの検証を試みています。このフォームは、コントローラーの json からのエラー メッセージに ng-messages を使用しています。私の見解は次のようになります：

    <md-input-container flex>
      <label>email2</label>
      <input name="email2" ng-model="email2" required ng-minlength="5" type="text" value="{{ email2 }}" />
      <ng-messages for="form3.email2.$error">
        <div ng-repeat="m in errors">
          <div ng-message-exp="m.expression">{{m.description}}</div>
        </div>
      </ng-messages>
    </md-input-container>

コードは ng-repeat ディレクティブがなくても機能しますが、ng-repeat で壊れる理由がわかりません。

このコードペンの例: http://codepen.io/anon/pen/VeGBRm

4

1 に答える 1

3

ngMessages モジュールに必要な依存関係を追加するとすぐに機能します。

var app = angular.module('MyApp', ['ngMaterial', 'ngMessages']);

また、 element は(overlays input)ng-messagesの子としてうまく機能しないため、 を作成することをお勧めします。md-input-containerng-messages {display: block;}

デモ: http://codepen.io/anon/pen/QyVVPW

于 2016-02-04T16:09:08.023 に答える