5

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

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

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

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

4

1 に答える 1