À l'aide de la saisie semi-automatique angular.js

Je suis en train de construire une application, qui utilise une saisie semi-automatique. Il doit être quelque chose comme jQuery UI autocomplete, de sorte que si un utilisateur commence à taper, il lui recommande d'options. Le truc, c'est que j'ai deux types de données, je suis à la recherche de. En fait, il y a des "tâches" et "projets".

Chaque tâche a une certaine params: task-id, task-name-display, task-name-search, project-id. Chaque projet dispose de: project-id, project-name-display, project-name-search, client-id, client-name.

L'application de la recherche dans chacun de ces paramètres, mais il doit afficher seulement certains d'entre eux. Par exemple, si les données sont:

task-id: 47
task-name-display: Task name Example
task-name-search: task-name-example
project-id: 57

Et j'type: 47, dans la liste déroulante que je devrais voir:

'#47 Task name Example Project A'

Encore une fois, le but de cela est de faire une saisie semi-automatique à l'aide de angular.js où je fouille un peu différentes données que j'affiche. Est-il un moyen de le faire simplement dans le plus pur angular.js?

Est-il une façon de le faire également à l'aide de jQuery UI autocomplete + angular.js?

Grâce.

InformationsquelleAutor gabriel | 2013-12-17
  1. 1

    Je suppose que vous pouvez utiliser ui-autocomplete à faire ce que vous voulez faire.

    Voici le lien pour ui-autocomplete

    https://github.com/zensh/ui-autocomplete

    Assurez-vous d'avoir jQuery, jQuery UI et AngularJS dans votre projet pour faire ce travail.

    Cheers!

    InformationsquelleAutor Abilash
  2. 0

    Ont enseigné au sujet de l'aide Select2 bibliothèque? Il devrait répondre à vos besoins, car il est très flexible: vous pouvez définir votre propre logique de recherche et également d'afficher les données de manière différente au cours de la recherche, et lorsque l'élément est sélectionné dans le composant.

    Il fonctionne parfaitement avec AngularJs grâce à AngularUI de la bibliothèque. Vous pouvez utiliser des données stockées dans votre modèle ou le récupérer à l'aide d'AJAX.

    • Il a besoin de l'autocomplétion. Ne pas sélectionner 2
    • select2 a la saisie semi-automatique, multiselect, avec zone de liste déroulante fonctionnalités.
    • Il y a une grande différence entre les sélectionner et d'auto-complétion.
    InformationsquelleAutor m.bemowski