前端实现搜索历史和清空历史（angularjs+ionic）

 <label class="item item-input input-search">
       <input ng-focus="showSearch(i)" ng-blur="hideSearch(i)" type="text" ng-model="searchName" placeholder="">
       <button class="button button-small button-search-jd" on-tap="search()">{{'jifen.search' | i18next}}</button>
 </label> 
 <div ng-show="searchHistory" class="search-history-wrap">
     <p><i class="icon ion-ios-clock-outline"></i>&nbsp;{{'jifen.recentSearch' | i18next}}</p>
     <ul class="search-history-list">
      <li ng-repeat="sItem in searchItems" on-tap="historyName($event)">{{sItem}}</li>
       <!--<li>杯子</li>
       <li>电脑</li>
       <li>笔记本</li>
       <li>金龙鱼食用油</li>
       <li>杯子</li>
       <li>电脑</li>
       <li>笔记本</li>
       <li>金龙鱼食用油</li>-->
     </ul>
     <p class="text-right">
         <button class="button button-outline button-light del-search" on-tap="delSearch()">{{'jifen.delSearch' | i18next}}</button>
     </p>
 </div>

//商城列表-搜索历史弹框
        $scope.searchHistory=false;
        $scope.searchItems = [];//初始化历史列表数组
        $scope.showSearch = function(i) {
        
            $scope.searchHistory=true;
            
        };
        $scope.hideSearch = function(i) {
            
            $scope.searchHistory=false;
            
        };

        //搜索事件
        $scope.search = function() {
            if($scope.searchName != undefined && $scope.searchName != "" && $scope.searchName != null) {
                sName = $scope.searchName;
                currentPage = 0;
//                intData = [];
                intData.splice(0,intData.length);//清空数组
                $scope.loadMore();
                
                //搜索记录
                if($scope.searchItems.length < 8 && $scope.searchItems.indexOf(sName) < 0){//$scope.searchItems.indexOf(sName),类似string的方法，获取索引坐标
                    $scope.searchItems.unshift(sName);//向数组的开头添加一个或更多元素，并返回新的长度
                }else if($scope.searchItems.length >= 8 && $scope.searchItems.indexOf(sName) < 0){
                    $scope.searchItems.pop();//删除并返回数组的最后一个元素
                    $scope.searchItems.unshift(sName);
                }else if($scope.searchItems.indexOf(sName) >= 0){
                    $scope.searchItems.splice($scope.searchItems.indexOf(sName),1);
                    $scope.searchItems.unshift(sName);
                }
            }
        }

//历史搜索
        $scope.historyName = function(event) {
            $scope.searchName = event.target.innerHTML;
            $scope.search();
        }

//清空搜索记录
        $scope.delSearch = function() {
            $scope.searchItems.splice(0,$scope.searchItems.length);//清空数组
        }