<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<style>
*{
margin: 0px auto;
padding: 0px;
}
.div1{
width: 300px;
}
</style>
</head>
<body ng-app="myapp" ng-controller="cre">
<div class="div1">
<!--
$event:监听键盘按键的抬起或按下事件
ng-keydown:按键按下事件
ng-keyup:按键抬起事件
$event.keyCode:获取当前按键的编码数字
-->
<input type="text" ng-model="name" ng-keydown="mykey($event)"/>
<li ng-repeat="good in goods">{{good}}</li>
</ul>
</div>
</body>
<script>
//注入
var mo=angular.module("myapp",[]);
//创建控制器
mo.controller("cre",function($scope){
//定义数组
$scope.goods=[];
//按键按下监听方法
$scope.mykey=function(e){
var arr=[];
//获取按键的编码
var key1=e.keyCode;
//判断是否是按下的键
if(key1==13){
//获取输入框里的值
var n=$scope.name;
//循环
for (var i = 0; i < $scope.goods.length; i++) {
//取出数组你的每个值
var n1=$scope.goods[i]
//判断当前输入框是否与数组里的数据是否重复
if(n==n1){
alert("已存在");
//把重复的删除掉
$scope.goods.splice(i,1);
}
}
//每次添加数据到数组里的第一行
$scope.goods.unshift(n);
}
}
})
</script>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<style>
*{
margin: 0px auto;
padding: 0px;
}
.div1{
width: 300px;
}
</style>
</head>
<body ng-app="myapp" ng-controller="cre">
<div class="div1">
<!--
$event:监听键盘按键的抬起或按下事件
ng-keydown:按键按下事件
ng-keyup:按键抬起事件
$event.keyCode:获取当前按键的编码数字
-->
<input type="text" ng-model="name" ng-keydown="mykey($event)"/>
<li ng-repeat="good in goods">{{good}}</li>
</ul>
</div>
</body>
<script>
//注入
var mo=angular.module("myapp",[]);
//创建控制器
mo.controller("cre",function($scope){
//定义数组
$scope.goods=[];
//按键按下监听方法
$scope.mykey=function(e){
var arr=[];
//获取按键的编码
var key1=e.keyCode;
//判断是否是按下的键
if(key1==13){
//获取输入框里的值
var n=$scope.name;
//循环
for (var i = 0; i < $scope.goods.length; i++) {
//取出数组你的每个值
var n1=$scope.goods[i]
//判断当前输入框是否与数组里的数据是否重复
if(n==n1){
alert("已存在");
//把重复的删除掉
$scope.goods.splice(i,1);
}
}
//每次添加数据到数组里的第一行
$scope.goods.unshift(n);
}
}
})
</script>
</html>