AngularJs 相应回车事件

最近做项目,要用到AngularJs,之前也有用过一点点,但仅限于数据的绑定,这次项目要整个前端需要使用这个框架,可能是不熟悉的原因,感觉这代码搞起来非常的不便利,;现总结一个响应回车事件:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title><script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
<script>
var myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){$scope.myClass = 'red';$scope.isClick = 'No!';$scope.myKeyup = function(e){var keycode = window.event?e.keyCode:e.which;if(keycode==13){$scope.myClass = 'green';$scope.myClick();}};$scope.myClick = function(){$scope.isClick = 'Yes!';};});
</script>
<style>
.red {color:red}
.green {color:green}
</style>
</head><body>
<div ng-app="myApp"><div ng-controller="testCtrl"><input ng-keyup="myKeyup($event)" type="text" /><ul><li ng-click="myClick()" class="{{myClass}}">{{isClick}}</li></ul></div>
</div>
</body>
</html>

  

转载于:https://www.cnblogs.com/wwlhome/p/4898987.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/397392.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/397392.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android6流畅,Android应用流畅(Seamlessness)设计

即使你的应用程序是快速且响应灵敏的&#xff0c;但一些设计仍然会给用户造成问题——与其它应用程序或对话框未事先计划的交互&#xff0c;意外的数据丢失&#xff0c;意料之外的阻塞等 等。避免这些问题&#xff0c;有助于理解应用程序运行的上下文和系统的交互过程&#xff…

stack overflow--技术问答网站

转自&#xff1a;http://baike.baidu.com/link?urleMR6Pwdk9IkauI5B3nZb2Yo3VUAcK6vQfrMpcSMPWqgH0ngqFkup3Gdr3t_s_yZe_UFwkR8c1pboaxhEuY-iwF_nGiUYHajEPMO6Y1kqWvT8aPz7a_T6t3a1vxyTccgKl_UIx1cU-6IP7qjre2ijtq Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在…

8782:乘积最大

【题目描述】 有一个长度为N的数字串&#xff0c;要求选手使用K个乘号将它分成K1个部分&#xff0c;找出一种分法&#xff0c;使得这K1个部分的乘积能够为最大。 【题目链接】 http://noi.openjudge.cn/ch0206/8782/ 【算法】 决策过程&#xff1a;决策插入第i个乘号的位置使插…

uvalive 4973 Ardenia

题意&#xff1a;给出空间两条线段&#xff0c;求距离。 注意输出格式&#xff01; 1 #include<cstdio>2 #include<cmath>3 #include<algorithm>4 using namespace std;5 6 struct Point37 {8 int x, y, z;9 Point3(int x0, int y0, int z0):x(x),y(…

rz和sz上传下载文件

安装软件包 yum install lrzsz 上传文件&#xff0c;输入rz选择文件上传(可以按住shift键多选) # rz sz 下载文件到本地&#xff0c;选择保存文件夹 # sz dd xshell设置默认上传下载文件夹 转载于:https://www.cnblogs.com/fcing/p/9382377.html

上班第一天(6)--一个程序员的成长史(15)

走出公司大门口之后&#xff0c;代是雄看到很多人都朝着一个方向走去。代是雄比较纳闷&#xff0c;于是便问保安这是什么情况。“你是新来的吧&#xff1f;连这个都不知道吗&#xff1f;”保安似乎不屑于回答新人的问题。“我是新来的实习生&#xff0c;”代是雄压制住了心中的…

自学Java汇报(3)

本周自学Java总结&#xff1a; 继承语法、成员变量的隐藏和方法的覆盖、super、final、多态、组合于继承、初始化顺序、部分抽象类。 总用时八小时&#xff0c;编程两小时。 下周目标&#xff1a;接口、枚举、异常。转载于:https://www.cnblogs.com/lianghang/p/9384793.html

怎样在html中设置首字母大写,javascript如何设置字符串首字母大写?

给出一个字符串&#xff0c;如何确保字符串的首字母都大写&#xff1f;下面本篇文章就来给大家介绍一下使用javascript设置首字母大写的方法&#xff0c;希望对大家有所帮助。在javascript中&#xff0c;可以使用slice()方法、toUpperCase()方法和toLowerCase()方法来设置首字母…

win2008修改远程端口

2019独角兽企业重金招聘Python工程师标准>>> 网络上找到的一段代码&#xff0c;保存为.bat&#xff0c;运行修改成功&#xff0c;需要重启。 echo off color 0a echo ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇ echo ◇◇◇◇修改远程桌面3389端口批处理◇◇◇◇ ech…

ios7 苹果原生二维码扫描(和微信类似)

在ios7苹果推出了二维码扫描&#xff0c;以前想要做二维码扫描&#xff0c;只能通过第三方ZBar与ZXing。 ZBar在扫描的灵敏度上&#xff0c;和内存的使用上相对于ZXing上都是较优的&#xff0c;但是对于 “圆角二维码” 的扫描确很困难。 ZXing 是 Google Code上的一个开源的条…

有符号位和无符号位。——int8疑问有感

学习go语言的数据类型&#xff0c;看见int、int8、int16很是疑惑&#xff0c;int8是什么意思&#xff1f;查询资料进行综合解释大概如下&#xff1a; Int8是有符号位8位整形&#xff08;-128到127&#xff09;&#xff0c;随即产生疑惑&#xff0c;为什么负数可表示到-128&…

html帮助文档乱码,使用doxygen生成的帮助文档,中文出现乱码的问题

今天使用doxygen工具生成帮助文档发现中文注释都是乱码。然后根据网上的要求把Exper>>Input>>INPUT_ENCODING&#xff1a;(输入文件的编码) UTF-8 改成 GBK 或者 GB2312Exper>>HTML>>CHM_INDEX_ENCODING&#xff1a;(输出文件的编码) UTF-8 改成 GBK 或…

Java并发编程--理解ThreadLocal

另一篇博文&#xff1a;Hibernet中的ThreadLocal使用 http://www.cnblogs.com/gnivor/p/4440776.html 本文参考&#xff1a;http://blog.csdn.net/lufeng20/article/details/24314381http://www.cnblogs.com/chenying99/articles/3405161.html ThreadLocal类接口很简单&#xf…

delphi Post数据到网页

varhttp: TIdHttp;sendtoserver: TStringStream;str: string; beginhttp : TIdHttp.Create(); // 创建http.HandleRedirects : True; // 允许转头http.ReadTimeout : 3000; …

python之路——迭代器与生成器

要了解for循环是怎么回事儿&#xff0c;咱们还是要从代码的角度出发。 首先&#xff0c;我们对一个列表进行for循环。 for i in [1,2,3,4]: print(i) 上面这段代码肯定是没有问题的&#xff0c;但是我们换一种情况&#xff0c;来循环一个数字1234试试 for i in 1234print(i) 结…

HTML页面显示透视效果,html – CSS – 对背景图像的“敲除”/透视效果

我认为这里的想法是图像必须足够大,以覆盖网页或至少父母div ..然后,您可以将图像应用于容器和’inner’div的背景.覆盖可以通过伪元素而不是单独的div来实现.修订结构 –.bck {position: relative;height: 800px;width: 100%;background:url(http://webneel.com/wallpaper/sit…

DFS分布式文件系统--管理篇

DFS分布式文件系统--管理篇参考文档&#xff1a;浅谈DFS分布式文件系统DFS 命名空间 和 DFS 复制概述续DFS分布式文件系统--基础篇DFS分布式文件系统--部署篇添加命名空间服务器&#xff08;添加第二台命名空间服务器 NameSrv02)成功后如下图&#xff1a;“从显示区域隐藏命名空…

Linux 0-1 修改主机名及IP地址

1.修改主机名 hostname 查看主机名 vi /etc/sysconfig/network 修改hostname主机名 vi /etc/hosts 修改127.0.1 主机名 service network restart #/etc/hosts 在域名解析时优先于DNS服务器2.IP地址 ifconfig 查看目前网络卡信息 cd /etc/sysconfig/network-scripts ls查看…

html渐变颜色代码表,渐变颜色代码表

渐变颜色代码表2020-12-24素材&#xff1a;网络 编辑&#xff1a;唔尔灬#000000#2F0000#600030#460046#28004D#272727#4D0000#820041#5E005E#3A006F#3C3C3C#600000#9F0050#750075#4B0091#4F4F4F#750000#BF0060#930093#5B00AE#5B5B5B#930000#D9006C#AE00AE#6F00D2#6C6C6C#AE0000…

js贪心算法---背包问题

/** param {Object} capacity 背包容量 6* param {Object} weights 物品重量 [2,3,4]* param {Object} values 物品价值 [3,4,5]*///贪心算法&#xff0c;只能算&#xff0c;可以分割的物品&#xff0c;如果不能分割物品&#xff0c;只能得到近似解&#xff0c;不分割物品&…