这里给大家分享一则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中文网！
tahap pengasingan transaksi lalai mysql
Kaedah pelaksanaan fungsi main balik dalam talian Python
securefx tidak boleh menyambung
IIS penyelesaian ralat tidak dijangka 0x8ffe2740
Kedudukan terkini pertukaran mata wang digital
Apakah yang dimaksudkan untuk menyambung ke tingkap?
penggunaan klonenod
Tutorial penggunaan pelayan awan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
