当前位置: 首页 > 工具软件 > angular-split > 使用案例 >

angular-input

张璞
2023-12-01
<!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>

  

转载于:https://www.cnblogs.com/diligenceday/p/3659056.html

 类似资料: