注册登录

【angularJS】angularJS 中input示例分享-input

时间:2016-02-12 13:12 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【angularJS 中input示例分享】，下面是详细的讲解！

angularJS 中input示例分享

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="http://www.jb51.net/article/http://localhost:81/js/jquery.js">
</script>
<script src="http://www.jb51.net/article/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示例分享的用户互动如下：

　　相关问题：如何使用angularjs实现文本框获取焦点

　　答：可以写个指令 angularjs-focusvar myApp = angular.module('myApp',[]);myApp.directive('setFocus', function(){ return function(scope, element){ element[0].focus(); };}); >>详细

　　相关问题：AngularJS中文社区为什么在input上加上ng-keydown无效

　　答：试一下我这个例子： KEYDOWN keyCode:{{keyCode}} var app = angular.module('test', []); app.controller('IptCtrl', ['$scope',function($scope){ $scope.keyDownFn = function(event){ console.log(event); $scope.keyCode = event.keyCode; ... >>详细

　　相关问题：AngularJS中文社区怎么样添加一个文本框的回车响应

　　答：您好，很高兴为您解答。 ng-keypress="enter($event)" $scope.enter = function(ev) { if (ev.keyCode !== 13) return; // your code } 如若满意，请点击右侧【采纳答案】，如若还有问题，请点击【追问】希望我的回答对您有所帮助，望采纳！ ~ ... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【angularJS】angularJS 中input示例分享-input

angularJS 中input示例分享

关于angularJS 中input示例分享的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）