SORU
10 NİSAN 2013, ÇARŞAMBA


Nasıl açısal-uı'nin önerileri sunucu taraflı optimizasyon için $http üzerinden bir sunucu ile bağlamak için?

Önerileri örnek (http://angular-ui.github.io/bootstrap/#/typeahead) kolay bu otomatik tamamlama bir bitiş uygulamak için, ama bir örnek sağlar bahseder. Özellikle beni ilgilendiren gönderebilirim böylece şu anda girilen string bulmaktırbusunucu ve geri gönder zaten filtre sonucu yapmak istiyorum bu optimizasyon sunucu tarafında ve en aza indirmek benim sorgular, sanmıyorum dönen tüm sonuç kümesi ve sadece hariç uyuşmayan öğeler için ekran için uygun bir uygulama olan 200.000 girişleri veritabanı.

Bu durumda, tamamen önerileri ve açılan özel bir çözümü, yoksa bir şekilde bunu kolayca yapmak için de unutmalı mıyım?

CEVAP
10 NİSAN 2013, ÇARŞAMBA


Bu çok kolay, özel bir çözüm (en azından bu durumda!) dışarı rulo gerekir uygulamak için bir yol yoktur. Temelde typeaheads, eski deyim. bir parçası olarak herhangi bir işlevi kullanabilirsiniz:

<input type="text" ng-model="selected" typeahead="state for state in getStates($viewValue)">

Bu örnekte getStates($viewValue) yöntem (bir kapsamı üzerinde tanımlı) gördüğünüz gibi çağrılabilir ve bir değer kullanıcı tarafından girilen $viewValue karşılık gelir.

İyi işte ne işlevi söz veren ve bu sözü doğru önerileri ile tanınır.

Bir süre önce sunucu tarafı aramaları otomatik tamamlama sağlamak için nasıl kullanılacağını gösteren bir örnek çarpması yazdım. Şehirler canlı JSONP hizmetinden sorgulanır BİZİ nereye tüm şehirler (geobytes.com dayalı): otomatik tamamlama özelliği gösteren bu düşmek kontrol edin

http://plnkr.co/edit/t1neIS?p=preview

Sunucu tarafında filtreleme yapmak için nasıl bir çalışma örneği (en az 3 karakter sonuçları görmek için gereklidir) için kontrol et. Elbette jsonp aramalar için sınırlı değildir, herhangi bir yöntem söz dönen kullanabilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dopelives

    Dopelives

    30 Temmuz 2009
  • SalGames2016

    SalGames2016

    17 Kasım 2012
  • Troy Hunt

    Troy Hunt

    29 EYLÜL 2011