回车键触发input渲染到ul的li中

<script>
        var app = angular.module('myApp', []);
        app.controller('myctrl', function($scope) {
            $scope.list1 = [];
            $scope.mykey = function(e) {
                var keycode = window.event ? e.keyCode : e.which; //获取按键编码  
                if(keycode == 13) {
                    $scope.myClick(); //如果等于回车键编码执行方法  
                }
            }
            $scope.myClick = function() {
                if(!arrindex($scope.list1, $scope.textmodel)) { //不重复添加  
                    $scope.list1.unshift($scope.textmodel);
                    $scope.textmodel="";
                }
                
            };
        })

        function arrindex(arr, obj) { //判断是否重复  
            var i = arr.length;
            while(i--) {
                if(arr[i] === obj) {
                    arr.splice(i,1);
                    alert("已经添加");
                    return false;
                    
                }
            }
            return false;
        }

    </script>

//

<body ng-controller="myctrl">
        <input type="text" ng-model="textmodel" ng-keyup="mykey($event)" />
        <ul>
            <li ng-repeat="x in list1 ">{{x}}</li>
        </ul>

    </body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值