コードは非常にシンプルなので、私はそれほどナンセンスな話をしません。コードを提示するだけです。
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<メタcharset = "utf-8">
<title> un unt ittitled document </title>
</head>
<スクリプトsrc = "http:// localhost:81/js/jquery.js">
</script>
<スクリプトsrc = "http:// localhost:81/js/angular.min.js">
</script>
<body ng-app = "app">
<div ng-controller = "testctrl">
<div ng-formテスト>
<入力ng-model = "a" type = "email" />
<button ng-click = "do()"> view </button>
</div>
</div>
<スクリプト>
app = angular.module( "app"、[]);
app.directive( 'test'、function(){<br> //フォームフォームのコマンドには、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); //フォームのエラーフィールドがあります
}
}
戻る {
コンパイル:function(){
リンクを返します
}、
要求:「フォーム」、
制限:「A」
}
});
App.Controller( 'testctrl'、function($ scope){
//コントローラーがない場合、このことはまだ初期化されません。
});
</script>
</body>
</html>
私があなたと共有したいのは、最も基本的なAngularJSフォーム検証です。あなたがそれを気に入っていただければ幸いです。