バックエンドとしてMongoDBを使用してイオン検索で自動検索を実行する

Question

検索は、姓と名に基づいて行う必要があります。手紙を入力する際に​​、その手紙の中間の手紙が来るべきではありません。それは、名と姓だけから来るべきです。私はコード・ペンとGithubから自動補完コードを得ましたが、要件ごとに自動検索が必要です。

同様：

Auto Search

Answer 1

あなたはこれがオートコンプリート私が使用されるが、私のための私のコードスニペットで独自のカスタムディレクティブを作成するか、このhttps://github.com/guylabs/ion-autocomplete

Answer 2

のような既存のものを使用して見なければなりません（LCI、 "iF"、 "LF"、 "LCI"、 "LCI"、 "LCI"、 "LCI"、 "LCI"、 "LCI"名前： "："ラオス中央航空 "、"有効 "：真}、{ 「TG」、「IUATA」：「5U」、「icao」：「TGU」、「名前」：「TAG」、「アクティブ」：真）、「fs」：「BT」、「iata」、 BTI "、" name "、" Air Baltic "、" active "：true}、{" fs "：" 9J "、" iata "：" 9J "、" icao "：" BT "、" icao " "DAN"、 "Dana"、 "active"：true}、{"fs"： "2O"、 "iata"： "2O"、 "icao"： "RNE"、 "name"： " {"fs"： "NPT"、 "icao"： "NPT"、 "name"： "Atlantic Airlines"、 "active"：true}、{"fs"： " "C8"、 "iata"： "C8"、 "icao"： "ICV"、 "名前"： "Cargolux Italia"、 "active"：true}、{"fs"： "F"、 "iata" FK "、" icao "：" WTA "、" name "：" Africa West "、" active "：true}、{" fs "：" 8K "、" iata "：" 8K "、" icao "：" EVS "、"名前 "：" EVASエアチャーター "、"アクティブ "：真）、{" fs "：" W8 "、" iata "：" W8 "、" icao "：" CJT "、" name "：" Cargojet "JBW"、 "iata"： "3J"、 "icao"： "JBW"、 "name"： "Jubba Airways（Kenya）"、 "active"： "アクティブ" TnU、TnU、TnU、TnU、TnU、TnU、TnU、TnU、TnU、TnU、TnU、 」、「iata」：「HC」、「icao」：「HCC」、「名前」：「休日チェコ航空」、「アクティブ」：真）、{「fs」：「APJ」、「iata」：「MM 「ピーアイ航空」、「アクティブ」：真）、{「fs」：「TUY」、「iata」：「L4」、「icao」：「TUY」、「icao」：「APJ」、 "LAE"、 "IATA"： "L7"、 "icao"： "LAE"、 "name"： "LANCO"、 " {"fs"： "L5 *"、 "iata"： "L5"、 "icao"： "LTR"、 "名前"： "Lufttransport"、 "active"：true}、{"fs" ： "QA"、 "iA"： "QA"、 "icao"： "CIM"、 "名前"： "Cimber"、 "active"：true}、{"fs"： "KBZ"、 "iata" "KB"、 "名前"、 "Air KBZ"、 "active"：true}、{"fs"： "L2"、 "iata"： "L2"、 "icao"： " {"fs"： "MPK"、 "iata"： "I6"、 "icao"： "MPK"、 "name"： "LYC"、 "name"： "Lynden Air Cargo" {"fs"： "CAO"、 "icao"： "CAO"、 "name"： "Air China Cargo"、 "active"：true}、{"fs"： "Air Indus" "BEK"、 "IATA"： "Z9"、 "icao"： "BEK"、 "名前"： "Bek Air"、 "active"：true}、{"fs"： "IAE"、 "iata" {"fs"： "GL *"、 "iata"： "GL"、 "name"： "Airglow"、 "Iraero"、 "active" ATN "、" iata "：" 8C "、" icao "：" ATN "、" name "：" ATI "、" active "：true）グアテマラ "、"アクティブ "：真）、{" fs "：" GHY "、{" fs "：" GU "、" iata " 、 "icao"： "GHY"、 "name"： "ドイツ空航空"、 "active"：true}、{"fs"： "SS"、 "iata"： "SS"、 "icao" 、 "name"： "Corsair"、 "アクティブ "：true}、{" fs "：" XK "、" iata "：" XK "、" icao "：" CCM "、" name "：" Air Corsica "、" active " ： "W9 *"、 "iata"： "W9"、 "icao"： "JAB"、 "name"： "Air Bagan"、 "active"：true}、{"fs"： "Z8 * 「ias」：「Z8」、「icao」：「AZN」、「名前」：「Amaszonas」、「active」：true}、「fs」：「D2」、「iata」：「D2」、「icao」、 「SNC」、「iata」：「2Q」、「icao」：「SNC」、「name」：「SSC」、「name」、「severstal Aircompany」、「active」： "Air Cargo Carriers"、 "active"：true}、{"fs"： "PST"、 "iata"： "7P"、 "icao"： "PST"、 "name"： "Air Panama" ： "fs"： "VV"、 "iata"： "VV"、 "icao"： "AEW"、 "name"： "Aerosvit Airlines"、 "active"：true}、{"fs" "UJ"、 "iata"： "UJ"、 "icao"： "LMU"、 "名前"： "AlMasria"、 "active"：true}、{"fs"： "9U"、 "iata"： "9U {"fs"： "NF"、 "iata"： "NF"、 "icao"： "AVN"、 "icao"： "MLD"、 "name"： "Air Moldova" 「NJS」、「iata」：「NC」、「icao」：「NJS」、「NJS」、「NJS」、「NJS」、「NJS」、 "、" name "：" Cobham Aviation "、" active "：true}];

航空会社= airlines.sort（関数（B）{

var airlineA = a.name.to(); 
var airlineB = b.name.toLowerCase(); 

if(airlineA > airlineB) return 1; 
if(airlineA < airlineB) return -1; 
return 0; 

}）。

console.log（airlines）;

角。モジュール（ 'ionicApp'、[ 'イオン']）

.factory（ 'FlightDataService'、関数（$ qを、$タイムアウト）{

var searchAirlines = function(searchFilter) { 

    console.log('Searching airlines for ' + searchFilter); 

    var deferred = $q.defer(); 

    var matches = airlines.filter(function(airline) { 
     if(airline.name.toLowerCase().indexOf(searchFilter.toLowerCase()) !== -1) return true; 
    }) 

    $timeout(function(){ 

     deferred.resolve(matches); 

    }, 100); 

    return deferred.promise; 

}; 

return { 

    searchAirlines : searchAirlines 

} 

}）

.controller（ 'MyCtrl 」[ '$範囲'、 'FlightDataService'、関数（$スコープ、FlightDataService）{

$scope.myTitle = 'Auto Complete Example'; 

$scope.data = { "airlines" : [], "search" : '' }; 

$scope.search = function() { 

    FlightDataService.searchAirlines($scope.data.search).then(
     function(matches) { 
      $scope.data.airlines = matches; 
     } 
    ) 
} 

}]）。