รูปแบบ AngularJS

ก่อนหน้านี้: AngularJS SQL

เข้าตรวจสอบ AngularJS ถัดไป:

AngularJS การป้อนข้อมูลแบบฟอร์มการควบคุมคอลเลกชัน

ควบคุม HTML

องค์ประกอบการป้อนข้อมูล HTML ต่อไปนี้จะเรียกว่าการควบคุม HTML:

องค์ประกอบเข้า
เลือกองค์ประกอบ
องค์ประกอบปุ่ม
องค์ประกอบ textarea

รูปแบบ HTML

ควบคุม HTML และรูปแบบ HTML มักจะอยู่ร่วมกัน

ตัวอย่างแบบฟอร์ม AngularJS

รูปแบบ = {{}} ผู้ใช้

ต้นแบบ = {{}} ต้นแบบ

การประยุกต์ใช้รหัส

<div NG-App = "MyApp " NG-ควบคุม = "formCtrl">
<form novalidate>
ชื่อจริง: ฟรี
<ประเภทขาเข้า = "text" NG -model = "user.firstName"> ฟรี
นามสกุล: ฟรี
<ประเภทขาเข้า = "text" NG -model = "user.lastName">
<br> หน้า
<ปุ่ม NG-คลิก = "ตั้งค่า ()"> รีเซ็ต </ ปุ่ม>
</ form>
user}} </ p>
ต้นแบบ}} </ p>
</ div>

<script>
var App = angular.module ( 'MyApp' []);
app.controller ( 'formCtrl' ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.master = {ชื่อ: "จอห์น", นามสกุล: "โด"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ script>

ลอง»

	แอตทริบิวต์ novalidate ใหม่ใน HTML5 ใน รับรองความถูกต้องปิดการใช้งานเริ่มต้นใช้เบราว์เซอร์