angular_form
2014-04-11 16:50
239 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script src="http://localhost:81/js/jquery.js"> </script> <script src="http://localhost:81/js/angular.min.js"> </script> <body ng-app="app"> <div ng-controller="TestCtrl"> <div ng-form test> <input ng-model="a" type="email" /> <button ng-click="do()">查看</button> </div> </div> <script> app = angular.module("app",[]); app.directive('test',function() { //form表单的指令都有一个默认的控制器作为第四个参数 var link = function($scope, $element, $attrs, $ctrl) { $scope.do = function() { //$ctrl.$setDirty(); console.log($ctrl.$pristine); //form是否没被动过 console.log($ctrl.$dirty); //form是否被动过 console.log($ctrl.$valid); //form是否被检验通过 console.log($ctrl.$invalid); //form是否有错误 console.log($ctrl.$error); //form中有错误的字段 } } return { compile: function() { return link }, require: 'form', restrict: 'A' } }); app.controller('TestCtrl', function($scope){ //如果没有contrller,这东西还不会初始化.. }); </script> </body> </html>
相关文章推荐
- Angular 2 Form表单
- [Angular2 Form] Nested formGroup, and usage of formGroupName
- Angular - - form.FormController、ngModel.NgModelController
- angular 表单模块 Form
- Angular 学习系列 - - form.FormController、ngModel.NgModelController
- 基于Form的Angular表单数据校验
- Angular 2 Form表单
- angularjs form简单入门
- AngularJS form $addControl 注册控件control
- Angular Reactive Form-响应式表单验证
- angular下如何绑定form表单的change事件
- Angular 2 Form表单
- angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法
- angular2中standalone=“true”和Name attribute must be set if ngModel is used within a form的问题
- Angular Form表单的属性和类
- 详解Angular Reactive Form 表单验证
- Angular 2 Form表单
- [Angular] Reactive Form -- FormControl & formControlName, FormGroup, formGroup & formGroupName
- AngularJS form validation-表单验证
- Angularjs ng-form