angular_form
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <!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() {<br> //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> |
天道酬勤
本文作者：方方和圆圆
本文链接：https://www.cnblogs.com/diligenceday/p/3659052.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步