<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title>日考</title> | |
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script> | |
</head> | |
<body ng-app="myApp" ng-controller="myCtrl"> | |
<input type="text" ng-model="name" ng-keydown="add($event)"/><br> | |
<span> | |
{{duo}} | |
</span> | |
<ul> | |
<li ng-repeat="name1 in names">{{name1}}</li> | |
</ul> | |
<script type="text/javascript"> | |
var m = angular.module("myApp",[]); | |
m.controller("myCtrl",function($scope){ | |
//定义一个数组 | |
$scope.names = []; | |
//当回车的时候,将输入框里面的值添加到数组里面 | |
//$event 事件。可以监听键盘事件 | |
$scope.add = function($event){ | |
var keyCode = $event.keyCode;//获取按键的编码。回车 | |
console.log(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.splice(i,1); | |
} | |
} | |
$scope.names.unshift($scope.name) | |
} | |
} | |
}) | |
</script> | |
</body> | |
</html> | |
空格添加 并且 判断重复bong置顶
最新推荐文章于 2021-08-11 16:34:36 发布