angularJS 中input示例分享
程序员文章站
2022-04-10 22:53:43
...
这里给大家分享一则input指令的使用示例
<!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="Demo"> <div ng-controller="TestCtrl"> <input type="text" ng-model="a" test /> <button ng-click="show(a)">查看</button> </div> </body> <script> var app = angular.module('Demo', [], angular.noop); app.directive('test', function(){<br> //input 指令的 link有第四个参数,$ctrl有些方法,你可以自己拿来用 var link = function($scope, $element, $attrs, $ctrl){ console.log( $ctrl ) $ctrl.$formatters.push(function(value){ return value.join(','); }); $ctrl.$parsers.push(function(value){ return value.split(','); }); } return {compile: function(){return link}, 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>
代码很简单,小伙伴们*扩展下,希望大家能够喜欢
更多angularJS 中input示例分享相关文章请关注PHP中文网!
推荐阅读
-
解决angularJS中input标签的ng-change事件无效问题
-
SqlServer中tempdb的日志机制原理解析及示例分享
-
php中hashtable实现示例分享
-
AngularJS中directive指令使用之事件绑定与指令交互用法示例
-
AngularJS中的按需加载ocLazyLoad示例
-
Angularjs中controller的三种写法分享
-
解决angularJS中input标签的ng-change事件无效问题
-
SqlServer中tempdb的日志机制原理解析及示例分享
-
AngularJS中$watch和$timeout的使用示例
-
jQuery的时间datetime控件在AngularJs中的使用实例(分享)