angularJS 中input示例分享
这里给大家分享一则input指令的使用示例
<!doctypehtml> <html> <head> <metacharset="utf-8"> <title>无标题文档</title> </head> <scriptsrc="http://localhost:81/js/jquery.js"> </script> <scriptsrc="http://localhost:81/js/angular.min.js"> </script> <bodyng-app="Demo"> <divng-controller="TestCtrl"> <inputtype="text"ng-model="a"test/> <buttonng-click="show(a)">查看</button> </div> </body> <script> varapp=angular.module('Demo',[],angular.noop); app.directive('test',function(){<br>//input指令的link有第四个参数,$ctrl有些方法,你可以自己拿来用 varlink=function($scope,$element,$attrs,$ctrl){ console.log($ctrl) $ctrl.$formatters.push(function(value){ returnvalue.join(','); }); $ctrl.$parsers.push(function(value){ returnvalue.split(','); }); } return{compile:function(){returnlink}, require:'ngModel', restrict:'A'} }); app.controller('TestCtrl',function($scope){ $scope.a=[]; //$scope.a=[1,2,3]; $scope.show=function(v){ console.log(v); } }); </script> </html>
代码很简单,小伙伴们自由扩展下,希望大家能够喜欢