这里给大家分享一则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中文网！
pdf ke format xml
Perbezaan antara fungsi besar dan maks
Pengenalan kepada lokasi pembukaan win8 running
penggunaan storan setempat
Bagaimana untuk mendapatkan elemen halaman menggunakan javascript
Adakah python bahagian hadapan atau belakang?
Bagaimana untuk membuka fail zip
padam folder dalam linux
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
