Bentuk angularjs
Formulir AngularJS adalah kumpulan kontrol input.
Kontrol HTML
Elemen input HTML berikut disebut kontrol HTML:
elemen input
Pilih elemen
elemen tombol
Elemen TexTarea
Formulir HTML
Formulir HTML biasanya ada pada saat yang sama dengan kontrol HTML.
Instance bentuk AngularJS
Nama depan:
Nama Belakang:
Form = {"FirstName": "John", "LastName": "Doe"}
master = {"FirstName": "John", "LastName": "doe"}
Kode aplikasi:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="myApp" ng-controller="formCtrl"> <form Novalidate> Nama Depan: <br> <input type = "text" ng-model = "user.firstname"> <br> nama belakang: <br> <input type = "text" ng-model = "user.lastname"> <br> <br> <bute ng-click = "reset ()"> reset </Butpon> <br> <bute = "reset ()"> reset </Butpon> <br> <bute = {{{{{{{{{{) <br> = {{master}} </p> </div> <script> var app = angular.module ('myapp', []); app.controller ('formctrl', function ($ scope) {$ scope.master = {firstName: "john", lastname: "doe"}; $ scope. angular.copy ($ scope.master);};Hasil Menjalankan:
Nama depan:
Nama Belakang:
Form = {"FirstName": "John", "LastName": "Doe"}
master = {"FirstName": "John", "LastName": "doe"}
Catatan: Properti Novalidate baru ditambahkan dalam HTML5. Verifikasi default dinonaktifkan menggunakan browser.
Analisis contoh
Petunjuk NG-APP mendefinisikan aplikasi AngularJS.
Petunjuk NG-Controller mendefinisikan pengontrol aplikasi.
Arahan NG-Model mengikat dua elemen input ke objek pengguna model.
Fungsi FormCtrl menetapkan nilai awal objek master dan mendefinisikan metode reset ().
Metode reset () mengatur objek pengguna yang sama dengan objek master.
Petunjuk NG-klik memanggil metode reset () dan dipanggil saat tombol diklik.
Properti Novalidate tidak diperlukan dalam aplikasi, tetapi Anda perlu menggunakannya dalam bentuk AngularJS untuk mengesampingkan validasi standar HTML5.
Di atas adalah kompilasi bahan bentuk AngularJS, dan kami akan terus menambahkannya nanti. Saya berharap bahwa siswa yang dapat membantu pemrograman.