angular模糊搜索

最新推荐文章于 2021-03-10 19:57:10 发布

dichixie7954

最新推荐文章于 2021-03-10 19:57:10 发布

阅读量253

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xinweiqu/p/8241742.html

版权

<div class="fa-search-box" ng-if="vagueSearchShow"><input class="yy-input yy-input-small w150" style="border:0px;box-shadow:none; outline:none" ng-change="vagueSearch(vague)" ng-model="vague" placeholder="搜索关键字" /></div>
<div class="result-area-listline-body" scroller full-height ng-click="vagueSearchShowNo()">
<ul>
<li ng-repeat="btList in forlistCopyOne.list" ng-class="{'haveColor':btList.haveColor}"><a href="javascript:;" ng-click="toEventName(btList)" title="{{btList.eventName}}">{{btList.eventName}}</a></li>
<li ng-if="vagueSearchShowlist" style="color: #b7b9bb; font-style: italic;">无此数据</li>
</ul>
</div>

//模糊搜索
$scope.vagueSearchShow = false;
$scope.vagueSearchShowlist = false;
$scope.forlist = result.data;
$scope.forlistCopyOne = angular.copy($scope.forlist);
$scope.SearchToShow = function($event) {
if (window.event) {//IE
$event.cancelBubble=true;
} else { //FF
$event.stopPropagation();
};
$scope.vagueSearchShow = true;
$scope.vague='';
$(".result-area-listline .mCustomScrollbar").css('padding-bottom','30px');
};
$scope.vagueSearch = function(data) {
$scope.forlistCopyOne = angular.copy($scope.forlist);
if(data){
var vagueSearchList=$scope.forlistCopyOne.list;
var vagueSearchscore=[];
for (var i = 0; i < vagueSearchList.length; i++) {
if (vagueSearchList[i].eventName.indexOf(data)>=0) {
vagueSearchscore.push(vagueSearchList[i]);
}
}
$scope.forlistCopyOne.list=vagueSearchscore;
if($scope.forlistCopyOne.list.length==0){
$scope.vagueSearchShowlist = true;
}else{
$scope.vagueSearchShowlist = false;
}
}else{
$scope.vagueSearchShowlist = false;
}
};
$scope.vagueSearchShowNo = function() {
$scope.vagueSearchShow = false;
$(".result-area-listline .mCustomScrollbar").css('padding-bottom','0px');
};