如何检测调用onKeyUp在AngularJS？-angularjs-CodeGo.net
如何检测调用onKeyUp在AngularJS？
如何检测调用onKeyUp在AngularJS？
我在寻找一个'ngOnkeyup'指令，类似于ngChange，但我找不到任何合适的。
如果没有这样的指令，有一个干净的方式来调用到控制器从一个浏览器原生的onkeyup事件？
本文地址 ：CodeGo.net/474870/
-------------------------------------------------------------------------------------------------------------------------
1. 你的角UI库：
与角的UI，你可以这样做
&input ui-event="{keyup: 'myFn($event)'}"
如果您不希望再有图书馆，最有效和最简单的方法来做到这一点：
myApp.directive('onKeyup', function() {
return function(scope, elm, attrs) {
elm.bind("keyup", function() {
scope.$apply(attrs.onKeyup);
&input on-keyup="count = count + 1"&
编辑：如果你想检测哪个键被按下，你有两个基本的选择真的。你可以添加一个属性，该指令处理指令中允许的按键，或者你可以通过按下控制器的关键。我一般会在指令处理
这里有两种方式的一个例子：
今天就为大家寻找那个函数，
官方NG-的keyup指令：
&input type="text" ng-keyup="{expression}" /&
你必须创建自定义的指令 CodeGo.net，如果默认的指令是不够的。
这样，可能是？
&!doctype html&
&html lang="en" ng-app="app"&
&body ng-controller="ctrl"&
&input ng-onkeyup="keyup()"/&
&script src="js/lib/angular-1.0.0.min.js"&&/script&
angular.module('app', []).directive('ngOnkeyup', function() {
restrict: 'A',
func: '&ngOnkeyup'
link: function( scope, elem, attrs ) {
elem.bind('keyup', scope.func);
function ctrl($scope) {
$scope.keyup = function() {
alert('keyup fired');
除了事件绑定，你可以从UI的角度这些方便的UI键*指令：
ui-keypress="{13:'keypressCallback($event)'}"&
&/textarea&
ui-keydown="{'enter alt-space':'keypressCallback($event)'}"&
&/textarea&
ui-keyup="{'enter':'keypressCallback($event)'}"&
&/textarea&
$scope.keypressCallback = function($event) {
alert('Voila!');
$event.preventDefault();
仅供参考-我只是在今天寻求这一点，它似乎有在角的github上，解决的keyup的keydown问题的一个分支。
它具有进入主...但它看起来并不像它就会出现在一个版本，除非1.1.3
为了与到位的NG-的keyup选项，你可以从Git和运行下载的代码构建的角rake package在文件夹上。当然，在安装的Node.js和Ruby和其他可能的篮球窗口（我是在win32上有叉的错误）
不过，我的确得到了“内置”的keyup到底。
如果我理解你的问题corectly，你正在寻找的NG-的keyup指令。这里是一个链接：
本文标题 ：如何检测调用onKeyUp在AngularJS？
本文地址 ：CodeGo.net/474870/
Copyright (C) 2014 CodeGo.netAngularJS API 自用版本_AngularJS开源社区_ThinkSAAS
AngularJS API 自用版本
AngularJS API 自用版本
内容来源： 网络
AngularJS API 自用版本，不适合大众~
下载次数: 69
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信> 博客详情
摘要: 本文将记录自己学习 angularJS (1.3版本以上)里面所有的采坑记录.
&&&&1.3版本以上不支持直接 定义 function 的写法, 转换的写法为: angular.module('myapp', []).controller('myCtrl', function($scope){})
&1.3版本以上不支持 html 中不定义 ng-app 的写法, 所以在页面中是必须要定义ng-app="myApp"的.并且你的 js 代码中要 angular.module('myapp', [])这样才可以.
在 angular 中, 如果你在使用 ng-repeat 指令, 那么你的数据里面是不能存在相同的值的, 如果确实想要相同的值可以在 ng-repeat 的后面加上 track by $index | ng-repeat="iterm in iterms track by $index" 可以解决这类的问题.
指令的规范化
AngularJS在进行匹配检测之前，首先对HTML元素的标签和属性名转化成规范的驼峰式字符串：去除名称前缀的x-和data-以: , - 或 _ 为分割符，将字符串切分成单词，除第一个单词外，其余单词首字母大写重新拼接各单词
例如，下面的写法都等效地匹配ngBind指令：&
&&&&&&&&&&span ng:bind="name"&&/span&
&&&&&&&&&span ng_bind="name"&&/span&
&&&&&&&&&span data-ng-bind="name"&&/span&
&&&&&&&&&span x-ng-bind="name"&&/span&
&&&&5. angular &函数使用：
&&&&&&&&//将json字符串转换为json对象 angular.fromJson()
&&&&&&&&//对象合并 angular.extend()
& & 6.angular 中的使用 provider 定义的服务是不可以使用 angular 提供的内置指令的， 比如使用：
&&&&.provider('formLayout', ['$http', function($http){...}])此时angular 是会报错的。
&&&&& & 如果要用到的话可以在$get:function($http){...}中注入。
& & 8.angular 五种服务详解&
人打赏支持
参与源创会
领取时间：
“”在线下联结了各位 OSCer，推广开源项目和理念，很荣幸有你的参与~
领取条件：参与过开源中国“源创会”的 OSCer 可以领取
码字总数 27092
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区AngularJS官方API中文版热门博客列表 -
ITeye博客频道 -
博客专栏推荐
本月博客排行
年度博客排行
最新文章列表
相关知识库
21157关注/468收录
17558关注/708收录
5064关注/1217收录
8838关注/1725收录
博客人气排行榜
博客电子书下载排行}