空格添加并且判断重复bong置顶

最新推荐文章于 2021-08-11 16:34:36 发布

aigaoaodemo

最新推荐文章于 2021-08-11 16:34:36 发布

阅读量147

点赞数

本文链接：https://blog.csdn.net/aigaoaodemo/article/details/78748516

版权

	<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注