NG隱藏自動觸發現場變得無效

Question

我有我已經應用的角度最大長度的指令文本區域：

<textarea placeholder="Quote text here" ng-model="quote.text" ng-maxlength="400" name="text"></textarea> 

現在我也表示利用角ng-show和ng-hide指令字數：

<div class="row word-count"> 
    <h5>Word count :</h5> 
    <h5 ng-show="quote.text.length > 0">{{quote.text.length}}</h5> 
    <h5 ng-hide="quote.text.length > 0" class="ng-hide">0</h5> 
</div> 

的問題是，只要字數超過最大長度指令的ng-show和ng-hide爲扭轉被自動觸發。有沒有辦法阻止它？

Answer 1

如何使用古老的HTML maxlength？

<textarea placeholder="Quote text here" ng-model="quote.text." name="text" maxlength="400"></textarea> 

<div class="row word-count"> 
    <h5>Word count :</h5> 
    <h5 ng-show="quote.text.length > 0">{{ quote.text.length }}</h5> 
    <h5 ng-hide="quote.text.length > 0" class="ng-hide">0</h5> 
</div> 

我個人不理解ng-maxlength的需要，因爲它會返回一個錯誤，但允許你繼續打字！

Answer 2

這是角度驗證的預期行爲。如果驗證失敗，則相應的模型返回未定義。

您可以在Angular網站here上試試。

另外，如果您需要支持IE8/IE9，here is an example of own maxlength directive。