回車鍵觸發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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章