でテキスト入力を行うフォームを含むアプリを開発していますng-model="description"
。ng-maxlength="50"
ここで、 andを使用してこのテキスト入力を検証したいと思いますrequired
。67/50
これは問題なく動作しますが、常に表示される文字カウンター ( など) も追加したいと考えています。次のコードを使用してカウンターを表示しています。{{description.length || 0}}/50
ただし、これの問題は、入力が無効description.length
であるため、値が 50 より大きい場合に値を返さないことです。description
私のシナリオでは、カウンターは0/50
、入力がない場合 (そしてそれで問題ありません) にデフォルト設定されますが、入力が最大長を超えた場合にも設定されます。
また、入力の長さが無効な場合はカウンターを赤で表示したいと思いますが、角度検証 css クラスを使用するのはそれほど難しくありません。
もちろん、カスタム検証を提供することもできますが、もっと簡単な解決策があると確信しています。