ตัวอย่าง
ของแบบฟอร์มนี้ "สถานะที่ถูกต้อง" จะไม่ได้รับการพิจารณา "true" ตราบใดที่ช่องป้อนข้อมูลที่จำเป็นเป็นที่ว่างเปล่า:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
ลองตัวเอง» ความหมายและการใช้งาน
AngularJS ปรับเปลี่ยนพฤติกรรมเริ่มต้นของ <form> องค์ประกอบ
รูปแบบภายในแอปพลิเค AngularJS จะได้รับคุณสมบัติบางอย่าง คุณสมบัติเหล่านี้อธิบายถึงสถานะปัจจุบันของแบบฟอร์ม
รูปแบบที่มีรัฐต่อไปนี้:
-
$pristineไม่มีสาขาที่ได้รับการแก้ไขเลย -
$dirtyหนึ่งหรือมากกว่าหนึ่งได้รับการแก้ไข -
$invalidเนื้อหารูปแบบไม่ถูกต้อง -
$validเนื้อหารูปแบบที่ถูกต้อง -
$submittedแบบฟอร์มการส่ง
ค่าของแต่ละรัฐหมายถึงค่าบูลีนและเป็นทั้ง true หรือ false
รูปแบบในการป้องกันไม่ให้ AngularJS ดำเนินการเริ่มต้นซึ่งจะส่งแบบฟอร์มไปยังเซิร์ฟเวอร์ถ้าแอตทริบิวต์การกระทำที่ไม่ได้ระบุ
วากยสัมพันธ์
<form name=" formname "></form>รูปแบบที่ถูกอ้างถึงโดยใช้ค่าของแอตทริบิวต์ชื่อ
คลาส CSS
รูปแบบภายในแอปพลิเค AngularJS จะได้รับการเรียนการบางอย่าง ชั้นเรียนเหล่านี้สามารถนำมาใช้ในรูปแบบสไตล์ตามรัฐของพวกเขา
เรียนต่อไปนี้จะเพิ่ม:
-
ng-pristineไม่มีสาขาที่ยังไม่ได้รับการแก้ไขเลย -
ng-dirtyหนึ่งหรือมากกว่าหนึ่งสาขาที่ได้รับการแก้ไข -
ng-validเนื้อหารูปแบบที่ถูกต้อง -
ng-invalidเนื้อหารูปแบบไม่ถูกต้อง -
ng-valid- keyหนึ่งที่สำคัญสำหรับการตรวจสอบแต่ละ ตัวอย่าง:ng-valid-requiredประโยชน์เมื่อมีมากกว่าหนึ่งสิ่งที่จะต้องถูกตรวจสอบ -
ng-invalid- keyตัวอย่าง:ng-invalid-required
เรียนจะถูกลบออกถ้าค่าพวกเขาเป็นตัวแทนเป็น false
ตัวอย่าง
ใช้ลักษณะสำหรับแปร (อันบริสุทธิ์) รูปแบบและรูปแบบการแก้ไข:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
ลองตัวเอง»