3

エラー メッセージで user.name.length の値を取得しようとしています。jQuery を使えば実現可能ですが、Angularjs ならではの方法はないのでしょうか。

<form novalidate name="myForm" ng-submit="addUser()">
<p>Name:
<input type="text" name="name" ng-model="user.name" required ng-minlength="5" ng-maxlength="8">
<span ng-show="myForm.name.$error.minlength">{{user.name.length}} too short!</span>
4

2 に答える 2

6

以下のように試してみてください{{myForm.name.$viewValue.length}}：

<input type="text" name="name" ng-model="user.name" ng-minlength="5" ng-maxlength="8" />
                <span ng-show="myForm.name.$error.minlength">{{myForm.name.$viewValue.length}} too short!</span>
                <span ng-show="myForm.name.$error.maxlength">{{myForm.name.$viewValue.length}} too long!</span>
于 2013-02-20T02:01:48.087 に答える
0

ng-minlength と ng-maxlength が機能する方法では、入力テキスト ボックスの文字数が 2 つのディレクティブで指定された文字数よりも少ないか多い場合、user.name は入力されません (定義されているとは思いません)。意味を理解するには{{user.name}}、<span> の後に追加します。

于 2013-02-07T22:28:58.933 に答える