回车键触发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>

发布了53 篇原创文章 · 获赞 8 · 访问量 2万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章