angularjs - AngularJS の maxlength が機能しない

Question

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

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

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

<div class="form-group">
                            <div class="col-sm-4">
                                <label class="control-label align-left">JV Number:</label>
                            </div>
                            <div class="col-sm-8">
                                <input type="text" ng-maxlength="30" class="form-control" placeholder="Enter JV Number" id="txtJVNumber" name="txtJVNumber" ng-model="formCtrl.AddCheckDeposit.JVNumber" />
                            </div>
                        </div> 

編集＃1

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

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

<div class="col-sm-8">
                                <input type="text" ng-maxlength="30" class="form-control" placeholder="Enter JV Number" id="txtJVNumber" name="txtJVNumber" ng-model="formCtrl.AddCheckDeposit.JVNumber" />
                                <p class="help-block" ng-show="warrantyForm.txtJVNumber.$error.maxlength">Max characters of 30 exceeded</p>
                            </div>