angular-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(){
//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>
天道酬勤