表單驗證drop-model對象？

Question

說我有以下形式：

<form> 
    <input type="text" required ng-model='myValue' ng-maxlength='5'></input> 
    {{myValue}} 
    {{myValue.length}} 
</form> 

當在輸入文本的長度超過最大長度，該模型變空。有沒有辦法在應用此驗證時防止這種行爲，而無需滾動自定義表單級別驗證器？

Answer 1

首先，輸入單元沒有結束標誌（</input），正確的是這樣的：<input name="test" type="text"/>

你可以處理form.test $ error.maxlength對付的東西，例如代碼：

<form name="form"> 
    <input name="name" type="text" required ng-model='myValue' ng-maxlength='5'/> 
    <div>value:{{myValue}}</div> 
    <div>length:{{myValue.length}}</div> 
    <div>validate:{{form.name.$error.maxlength}}</div> 
</form> 

根據你的意思，無效值導致null模型，我認爲這是沒有問題的。