AngularJS Forms
Formulir (forms) dalam AngularJS memungkinkan pengembang untuk mengelola data input dari pengguna dan menyediakan mekanisme validasi. Berikut adalah beberapa konsep penting terkait formulir dalam AngularJS:
1. ng-model
Directive ng-model digunakan untuk mengikat elemen formulir HTML dengan model data di dalam AngularJS. Ini menciptakan ikatan dua arah (two-way binding) antara elemen input dan data di kontroler AngularJS.
Contoh:
htmlCopy code
<input type="text" ng-model="userData.username">
2. Validation
AngularJS menyediakan fitur validasi bawaan seperti required, ng-minlength, ng-maxlength, ng-pattern, dan lainnya untuk memvalidasi input pengguna.
Contoh:
htmlCopy code
<form name="myForm">
<input type="text" name="email" ng-model="userData.email" required>
<span ng-show="myForm.email.$error.required">Email diperlukan</span>
</form>
3. ng-submit
Directive ng-submit pada elemen <form> memungkinkan Anda menentukan fungsi yang akan dijalankan saat formulir dikirim.
Contoh:
htmlCopy code
<form ng-submit="submitForm()">
<button type="submit">Kirim</button>
</form>
4. Form State
AngularJS menyediakan informasi tentang status formulir melalui properti-properti seperti $dirty, $pristine, $valid, $invalid, dan lainnya.
Contoh:
htmlCopy code
<form name="myForm">
<input type="text" name="username" ng-model="userData.username" required>
<span ng-show="myForm.username.$dirty && myForm.username.$error.required">Username diperlukan</span>
</form>
5. Form Controller
Anda dapat menggunakan form controller untuk mengakses dan memanipulasi formulir dan elemen-elemen dalam formulir.
Contoh:
htmlCopy code
<form name="myForm" ng-controller="MyFormController">
</form>
javascriptCopy code
angular.module('myApp', [])
.controller('MyFormController', function($scope) {
$scope.submitForm = function() {
};
});
Formulir dalam AngularJS memungkinkan Anda untuk mengelola data input pengguna, melakukan validasi, dan mengambil tindakan terkait dengan pengiriman formulir. Anda dapat menggunakan fitur-fitur AngularJS yang kuat untuk mempermudah pengelolaan formulir di aplikasi web Anda.
