angularJS中input示例分享

来源：动视网责编：小采时间：2020-11-27 20:27:36

angularJS中input示例分享

angularJS中input示例分享:这里给大家分享一则input指令的使用示例<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script src=&q

推荐度：

点击下载本文 文档为doc格式

导读angularJS中input示例分享:这里给大家分享一则input指令的使用示例<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script src=&q

这里给大家分享一则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示例分享

angularJS中input示例分享:这里给大家分享一则input指令的使用示例<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script src=&q

推荐度：

点击下载本文 文档为doc格式

标签：分享示例 input

热门焦点

angularJS中input示例分享

angularJS中input示例分享

angularJS中input示例分享

最新推荐

猜你喜欢

热门推荐