angularjs 自定义指令控制input只能输入数字和字母
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs 自定义指令控制input只能输入数字和字母相关的知识，希望对你有一定的参考价值。
或者说用angularjs 控制input只能输入数字和字母
解决方法：
$scope.m=function(e)
var ss=window.event||e;
if(!((ss.keyCode>47&&ss.keyCode<58)||(ss.keyCode>64&&ss.keyCode<91)||(ss.keyCode>95&&ss.keyCode<106)))
ss.preventDefault();
<input type="text" ng-keydown="m()">，只能输入数字跟字母。
1、AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
2、AngularJS 是一个 javascript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 html 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。
参考技术A $scope.m=function(e)var ss=window.event||e;
if(!((ss.keyCode>47&&ss.keyCode<58)||(ss.keyCode>64&&ss.keyCode<91)||(ss.keyCode>95&&ss.keyCode<106)))
ss.preventDefault();
<input type="text" ng-keydown="m()">
只能输入数字跟字母追问
好像不行,ss is undefined ,
追答<!DOCTYPE html><html ng-app="app">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="这里写你自己的路径"></script>
<script>
var myapp=angular.module('app',[]);
myapp.controller('sb',function($scope)
$scope.m=function(e)
var ss=window.event||e;
if(!((ss.keyCode>47&&ss.keyCode<58)||(ss.keyCode>64&&ss.keyCode<91)||(ss.keyCode>95&&ss.keyCode<106)))
ss.preventDefault();
);
</script>
</head>
<body ng-controller="sb">
<input type="text" ng-keydown="m()">
</body>
</html>
你把导入angularjs的路径改为你自己的试试
玩转angularJs——通过自定义ng-model，不仅仅只是input可以有双向绑定
angularJs双向绑定特性在开发中很方便很实用，但是由于ng-model一般只能挂在input上，因此我们需要自定义ng-model来在div等元素上使用该标签。
自定义指令：
1 //自定义ngModel的属性 2 .directive(‘contenteditable‘, [‘$window‘, function() { 3 return { 4 restrict: ‘A‘, 5 require: ‘?ngModel‘, // 此指令所代替的函数 6 link: function(scope, element, attrs, ngModel) { 7 if (!ngModel) { 8 return; 9 } // do nothing if no ng-model 10 // Specify how UI should be updated 11 ngModel.$render = function() { 12 element.html(ngModel.$viewValue || ‘‘); 13 }; 14 // Listen for change events to enable binding 15 element.on(‘blur keyup change‘, function() { 16 scope.$apply(readViewText); 17 }); 18 // No need to initialize, AngularJS will initialize the text based on ng-model attribute 19 // Write data to the model 20 function readViewText() { 21 var html = element.html(); 22 // When we clear the content editable the browser leaves a <br> behind 23 // If strip-br attribute is provided then we strip this out 24 if (attrs.stripBr && html === ‘<br>‘) { 25 html = ‘‘; 26 } 27 ngModel.$setViewValue(html); 28 } 29 } 30 } 31 }])
页面中div可以这样使用ng-model:
1 <div class="icon-arrow-title title-color-2" contenteditable="true" ng-model="param.MobileNum" style="right: 15px;"></div>
双向绑定就可以用了。
以上是关于angularjs 自定义指令控制input只能输入数字和字母的主要内容，如果未能解决你的问题，请参考以下文章