表格和輸入狀態

Created: November-22, 2018

角度表單和輸入具有在驗證內容時有用的各種狀態

輸入狀態

狀態	描述
`$touched`	場已被觸動
`$untouched`	菲爾德沒有被觸及過
`$pristine`	欄位尚未修改
`$dirty`	欄位已被修改
`$valid`	欄位內容有效
`$invalid`	欄位內容無效

所有上述狀態都是布林屬性，可以是 true 或 false。

有了這些，就可以很容易地向使用者顯示訊息。

<form name="myForm" novalidate>
    <input name="myName" ng-model="myName" required>
    <span ng-show="myForm.myName.$touched && myForm.myName.$invalid">This name is invalid</span>
</form>

在這裡，我們使用 ng-show 指令向使用者顯示訊息，如果他們修改了表單但它無效。