Bibliothèque de composants UI Angular Instantsearch

Qu'est-ce qu'Algolia ?

Algolia permet aux développeurs modernes de créer des expériences de recherche et de découverte de classe mondiale sans aucun DevOps.
Les bibliothèques compatibles avec tous les principaux langages et frameworks facilitent l'enrichissement de l'expérience utilisateur.

Ajouter une barre de recherche instantanée aux applications Angular

La bibliothèque d'interface utilisateur Angular InstantSearch propose des widgets pré-construits, personnalisables et flexibles pour créer vos propres expériences de recherche ; découvrez-en plus dans la démo . Elle intègre le rendu côté serveur et le routage, est open source, prête pour la production et maintenue par Algolia.

Caractéristiques

Fournit des composants d'interface utilisateur pré-construits, conformes aux meilleures pratiques d'Angular et indépendants des frameworks externes.
Intégrez et ajoutez une barre de recherche à votre interface utilisateur ou application existante, ou utilisez les modèles InstantSearch.
Livré avec un thème CSS par défaut, entièrement personnalisable
Gère toute la logique métier des requêtes de recherche, des réponses et des états
Personnalisation progressive des composants (utiliser, étendre ou personnaliser)

Version

Compatible avec toutes les versions actuelles de la bibliothèque Angular sous-jacente
Le code est entièrement open source et disponible sur GitHub
Démarrez votre application avec create-instantsearch-app, NPM, ...

Intégrations associées

Fonctionne avec la saisie semi-automatique
Et avec tous nos clients et frameworks API

Liens clés

Commencer gratuitement

CSS

          
            body { font-family: sans-serif; }

.ais-SearchBox { margin-bottom: 1em }

RECHERCHER (CRÉEZ UN COMPTE GRATUIT ICI )

          
            <ais-instantsearch [config]="config">

  <ais-search-box></ais-search-box>

  <ais-hits>

    <ng-template let-hits="hits">

      <ol class="ais-Hits-list">

        <li *ngFor="let hit of hits" class="ais-Hits-item">

         {{hit.name}}

        </li>

      </ol>

    </ng-template>

  </ais-hits>

</ais-instantsearch>

Angular + Algolia