AnglurJS 回车事件动态添加li标签内容
来源:互联网 发布:如何上妆 知乎 编辑:程序博客网 时间:2024/05/22 17:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>回车事件添加li标签</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="name" ng-keydown="add($event)" />
<ul>
<li ng-repeat="nam in names">{{nam}}</li>
</ul>
<script type="text/javascript">
var mo = angular.module("myApp", [])
mo.controller("myCtrl", function($scope) {
//定义数组
$scope.names = [];
//回车事件
$scope.add = function($event) { //$event 事件。可以监听键盘事件
var keycode = $event.keyCode;
if(keycode == 13) {
for (var i = 0; i < $scope.names.length; i++) {
var n =$scope.names[i]
if (n==$scope.name) {
alert("不能重复")
return
}
}
$scope.names.unshift($scope.name);
}
}
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>回车事件添加li标签</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="name" ng-keydown="add($event)" />
<ul>
<li ng-repeat="nam in names">{{nam}}</li>
</ul>
<script type="text/javascript">
var mo = angular.module("myApp", [])
mo.controller("myCtrl", function($scope) {
//定义数组
$scope.names = [];
//回车事件
$scope.add = function($event) { //$event 事件。可以监听键盘事件
var keycode = $event.keyCode;
if(keycode == 13) {
for (var i = 0; i < $scope.names.length; i++) {
var n =$scope.names[i]
if (n==$scope.name) {
alert("不能重复")
return
}
}
$scope.names.unshift($scope.name);
}
}
})
</script>
</body>
</html>
阅读全文
0 0
- AnglurJS 回车事件动态添加li标签内容
- angular 回车事件添加数据到li
- jQuery动态添加li标签并添加属性和绑定事件
- jQuery动态添加li标签并添加属性和绑定事件
- js-动态添加li、option,并且添加其点击事件
- li标签绑定事件
- Jquery 动态生成li标签以及单击事件的绑定
- ajax动态生成li标签无法与事件绑定
- 动态删除li标签
- AJAX动态添加li之后无法触发事件
- jquery对动态添加内容添加事件
- 动态添加删除li
- 动态向div内添加标签内容:
- 添加回车提交事件
- Android 动态添加标签及其点击事件
- javaScript动态添加Li元素
- 文本框输入内容回车事件
- jquery结合js实现动态添加内容,并给动态添加的内容添加事件
- 【知了堂学习笔记】_JavaScript之DOM操作(英语在线翻译)
- HDOJ 1049 Climbing Worm
- 15周多线程2 猜数字
- java中this关键字测试总结
- Merge_sort
- AnglurJS 回车事件动态添加li标签内容
- Maven搭建环境报Missing artifact jdk.tools:jdk.tools:jar:1.7
- 连接命名空间方法
- Servlet开发
- 阿里云ECS搭建SS服务器的方法
- [知了堂学习笔记] jQuery的事件
- 多对一,多对对的配置文件
- TI协议栈例程GenericApp SampleApp SimpleAp 区别
- DH算法(密钥交换算法)