問題タブ [ng-maxlength]

テキスト型の入力を含むテンプレートをビューに追加するディレクティブを作成しています。このディレクティブでは、テキスト フィールド入力が指定された最大長設定を超えている場合にエラー通知用にスパン クラスを追加しようとしています。次のようなコードがあります。

私のディレクティブは次のようになります。

しかし、上記のコードでは、ディレクティブは入力テキスト フィールドなどを生成しています。問題はありません。ただし、最大長が 10 を超える場合、エラー メッセージは表示されません。何が間違っていますか?

上記の例の jsfiddle へのリンクは次のとおりです: http://jsfiddle.net/fB45J/3/

でテキスト入力を行うフォームを含むアプリを開発していますng-model="description"。ng-maxlength="50"ここで、 andを使用してこのテキスト入力を検証したいと思いますrequired。67/50これは問題なく動作しますが、常に表示される文字カウンター ( など) も追加したいと考えています。次のコードを使用してカウンターを表示しています。{{description.length || 0}}/50

ただし、これの問題は、入力が無効description.lengthであるため、値が 50 より大きい場合に値を返さないことです。description私のシナリオでは、カウンターは0/50、入力がない場合 (そしてそれで問題ありません) にデフォルト設定されますが、入力が最大長を超えた場合にも設定されます。

また、入力の長さが無効な場合はカウンターを赤で表示したいと思いますが、角度検証 css クラスを使用するのはそれほど難しくありません。

もちろん、カスタム検証を提供することもできますが、もっと簡単な解決策があると確信しています。

カスタム ディレクティブを作成せずに、フォーム テキスト フィールドにこの検証を設定する簡単な方法があるかどうか疑問に思っています。

を検証する必要があり{minlength: 2, maxlength: 10}ます。ユーザーは の任意の組み合わせを入力できますが、最小カウントと最大カウントになる[A-Z0-9\s]のは の量だけです。A-Z0-9

これは可能ですか？

私はおそらく ng-pattern を使用していて、いくつかの魔法の正規表現がこれをやってのけることができるかもしれないと考えていました。ng-pattern が一致に失敗した場合にトリガーするエラー メッセージが 1 つだけ必要です。

テキスト入力フィールドに maxlength 機能を実装しようとしています。

ただし、maxlength の 30 を超えるたびに、長すぎるというメッセージは表示されません。

これを適切に実装できる場所で、何が間違っていますか。

編集＃1

ドキュメントを読んだ後、フィールドを次のように変更しましたが、まだ警告が表示されません。

正しい構文を教えていただけないでしょうか。