angularJS フォームを送信 (フォーム)_AngularJS

コードは非常に単純なので、あまり意味のないことには触れず、コードだけを示します。

コードをコピーします コードは次のとおりです:

<頭>



<スクリプト src="http://localhost:81/js/jquery.js">

<スクリプト src="http://localhost:81/js/angular.min.js">

                                                                                             
& Lt; ボタン ng-click = "do ()" & gt; / ボタン & gt;                                                                                        

<スクリプト>
app = angular.module("app",[]);
App.directive('test',function() {
//フォームフォーム命令には、4 番目のパラメータとしてデフォルトのコントローラがあります
var link = function($scope, $element, $attrs, $ctrl) {
$scope.do = function() {
//$ctrl.$setDirty();
console.log($ctrl.$pristine) //フォームは触られていませんか?
console.log($ctrl.$dirty) //フォームがパッシブかどうか
console.log($ctrl.$valid) //フォームが検証されたかどうか
console.log($ctrl.$invalid) //フォームにエラーはありますか
console.log($ctrl.$error) //
形式のエラーのあるフィールド }
}
return {
コンパイル: function() {
戻りリンク
},
require: 'form',
制限: 'A'
}
});
app.controller('TestCtrl', function($scope){
//コントローラーがない場合、これは初期化されません..
});






ここで共有するのは、最も基本的な angularJS フォームの検証です。気に入っていただければ幸いです。