Verwenden einer Suchfunktion in eckigen js

Shruti

Ich versuche, die Suchfunktion in AngularJS (im ionischen Framework) zu verwenden. Ich habe eine Vorlage, die aus verschiedenen Ansichten und einer gemeinsamen Kopfzeile für alle Ansichten besteht. In jeder Ansicht wird mit JSON eine andere Liste angezeigt. Ich möchte die Suchfunktion für jede Ansicht verwenden.

 <form class="form-inline">
      <div class="form-group">
          <input type="text" ng-model="search" class="form-control" placeholder="Search">
      </div>
 </form>

<ion-item class="item-button-right item-avatar item-icon-right item item-thumbnail-left" ng-repeat="text in texts|filter:search" type="item-text-wrap" href="#/otherContent/texts/{{text.id}}">

Dieser Code funktioniert gut, wenn ich die obige Suche formund ion-itemin einer einzigen Ansicht verwende. Funktioniert aber nicht, wenn ich ein Suchformular in die Suchleiste einfüge und ein <ion-item>Tag auf die andere Seite setze .

Ich hoffe das macht Sinn? Kann jemand bitte vorschlagen, wie wir dies umsetzen können. Ich benötige eine Suchleiste in der Kopfzeile, die für alle Ansichten gleich ist, und sie sollte beim Laden nach jeder Ansicht suchen. Alle Hinweise werden wirklich geschätzt.

Shashank Agrawal

Wenn Sie einen Top-Level-Controller haben, der zu like htmloder bodytag hinzugefügt wird (wenn nicht, definieren Sie einen Top-Level-Controller wie GlobalControllerund fügen Sie ihn zu Ihrem <html>oder- <body>Tag hinzu, damit wir die globalen Daten dort behalten und auf deren Umfang App-weit global zugreifen kann Grundsätzlich versuchen wir, die $rootScopeVerwendung zu vermeiden und die Verwendung nachzuahmen $rootScope.) Und definieren dann ein leeres Objekt in diesem globalen Controller:

 $scope.globalModel = {};

Dann ändern Sie Ihre ng-modelVorlieben:

<input type="text" ng-model="globalModel.search" class="form-control" placeholder="Search">

Und schließlich ändern Sie Ihren Suchfilter wie folgt:

<ion-item class="item-button-right item-avatar item-icon-right item item-thumbnail-left" ng-repeat="text in texts|filter:globalModel.search" type="item-text-wrap" href="#/otherContent/texts/{{text.id}}">

Das obige sollte funktionieren. Was wir hier tun, ist das Definieren eines Objekts in einem übergeordneten Bereich, damit wir das Problem der Vererbung von Winkelbereichen verhindern können .

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Verwenden Sie jquery in eckigen js Funktion funktioniert nicht?

Verwenden Sie Staubschablonen mit eckigen js

PDF.js - Verwenden der Suchfunktion für eingebettetes PDF

Fullpage.js wird in einer eckigen App mehrmals initialisiert

Übergeben von Daten von einer Seite zur anderen in eckigen js

Wie kann ich die Daten aus einer JSON-Antwort in einer anderen HTML-Datei mit eckigen JS verwenden?

Navigieren Sie vom Controller zu einer anderen Seite in eckigen js

Verwenden Sie Office-UI-Fabric-Js in eckigen Js

Styling einer eckigen Komponente

Suchfunktion in einer Sammlungsansicht

Verwenden Sie den Ausdruck als ng-Klasse in eckigen js

Erstellen einer Suchfunktion in PHP

Wie kann ich eine Suchfunktion in einer eckigen Materialauswahlformularkomponente hinzufügen?

Zeiger in einer eckigen Klammer?

Erstellen einer Suchfunktion

Definieren der App in einer separaten Datei in eckigen js

Verwenden des Batteriemanagers in eckigen js

Verwenden von Python zur Verwendung der Suchfunktion einer Website

Verarbeiten Sie mehrere Ajax-Aufrufe in der Suchfunktion in eckigen js

Verwenden Sie eine Drittanbieter-Bibliothek in einer eckigen Fabrik

Verwenden von $ timeout für wiederholte Restaufrufe in eckigen js

So verwenden Sie eine tokenbasierte Knoten-API in eckigen js

Flatmap für Suchfunktion verwenden

Verwenden von R zum Herunterladen von URLs nach Linkname in einer Suchfunktion

Verwenden des eckigen js-Templates im django {% static %}-Tag

Wie kann ich ListBox.List in Excel verwenden, um Daten aus einer Suchfunktion in die Liste einzufügen?

Verwenden der Suchfunktion, um zu bestimmen, ob ein Wert in einer Liste mit Beautiful Soup gefunden wird

Wie kann ich ein tolles Markensymbol einer Schriftart in einer eckigen Komponente verwenden?

Suchfunktion innerhalb einer anderen Suchfunktion in Excel

TOP Liste

heißlabel

Archiv