2

ngMessagesフォーム エラーに関する情報にアクセスするにはどうすればよいですか? フィールド名やその他のプロパティなど?

例：

次のような多くの例を見てきました。

<input type="text" ng-model="field" name="myField" minlength="5">
<div ng-messages="myForm.myField.$error">
  <div ng-message="minlength">The value entered is too short</div>
</div>

入力の長さをユーザーに伝えていないため、これは適切なエラー メッセージではありません。短すぎると言っているだけです。

「このフィールドは少なくとも {{ minlength }} 文字である必要があります。」のようにレンダリングする必要があります。

さらに良いことに、「{{ フィールド }} は {{ minlength }} 文字以上である必要があります。」

異なる最小長の入力に対して異なるメッセージを定義しなければならないことは、非常に非 DRY です。

これはどのように行うことができngMessagesますか？

4

2 に答える 2

0

スコープで minlength 値を保持し、検証メッセージでそれにバインドできます。

<input type="text" ng-model="field" name="myField" minlength="::myFieldMinlength">
<div ng-messages="myForm.myField.$error">
    <div ng-message="minlength">This field must be at least {{::myFieldMinlength}} characters.</div>
</div>
于 2015-12-02T00:10:51.160 に答える