www-huanghe/modules/home/views/mySearch.html

<ion-view>
  <ion-header-bar align-title="center" class="bar-stable" style="background-color:#5babe6;">
    <div class="buttons" style="width:100%;">
      <form class="item-input-inset pus_ng" style="height: 35px;border-bottom: none;width:100%;" ng-submit="SearchWordSubmit(searchCont.key)">
        <label class="item-input-wrapper" id="pus_search">
          <i class="icon ion-ios-search placeholder-icon"></i>
          <input type="search"  placeholder="搜你想搜的"  id="his_search"  ng-model="searchCont.key"   ng-change="fixKey()" autofocus="autofocus" autocomplete="on"/>
          <i class="icon ion-close-circled placeholder-icon" style="vertical-align: middle;right: 7px;"  on-tap="clearSearch()" ng-if="searchCont.key.length>0"></i>
        </label>
      </form>
      <button class="button button-clear cancel_search" ng-click="gobackback()">
        取消
      </button>
    </div>
  </ion-header-bar>
  <div  id="search_show" class="has-header">
    <ion-content  style="top:0px !important;">
      <!--词库匹配-->
      <ul  id="baidu_search" ng-if="searchCont.key.length>0">
        <li class="box_bai" ng-repeat="d in data" ng-click="SearchWordSubmit(d)">
          <i class="icon ion-ios-search placeholder-icon" style="margin-right:10px;" ></i>
          <a style="color: #2e2e2e;" ng-bind-html="d | highlight:searchCont.key">{{d}}</a>
        </li>
      </ul>
      <!--历史搜索页面-->
      <ion-list  show-delete="data.showDelete"  id="history_data" ng-if="showHistory">
        <ion-item ng-repeat="key in searchKeyList" item="item" class="item-remove-animate search_result"  id="search_item" >
          <span class="ion-ios-clock-outline" style="width: 80%;"></span>
          <span style="width: 85%;display: inline-block;"ng-click="goSearchResult(key)">{{key}}</span>
          <span  class="ion-ios-close-empty item-del" ng-click="onItemDelete(key)"> </span>
        </ion-item>
        <span  id="ItemDeleteAll" ng-if="searchKeyList.length>0" ng-click="onItemDeleteAll()"><a>清空搜索历史</a></span>
      </ion-list>
      <!--推荐搜索页面-->
      <div ng-if="searchKeyList.length == 0 "  style="width: 100%;height:120px;position: relative;top:35px;">
        <i id="empty_search" ></i>
        <p class="empty_p">搜索感兴趣的内容</p>
      </div>
      <div style="width: 92%;margin:40px auto 0;" id="HotSearch" ng-if="!searchCont.key.length>0">
        <h2 style="font-size: 15px;margin-left: 8px;color:#4b4b4b;">大家都在搜</h2>
        <ul style="margin-left: 8px;">
          <li ng-repeat="word in HotWordSearch" style="float:left;display: block;width:23.5%;height: 33px;line-height:33px;text-align: center;color:#4b4b4b;border: 1px solid #e6e6e7; margin: 3px 4px 4px 0px;" ng-click="SearchWordSubmit(word.word)">{{word.word}}</li>
        </ul>
      </div>
    </ion-content>
  </div>
</ion-view>