Frage von joachim1805, 46

Hallo zusammen. Ich habe eine Website und nutze dafür HTML5, CSS3 und AngularJS. Leider habe ich ein Problem mit der Suchfunktion in AngularJS!?

Wie bereits erwähnt habe ich eine Website. Auf dieser Website werden Arbeiten angezeigt und man sollte diese mit einer Suchfunktion leichter finden. Mein Problem ist, dass die Suchfunktion zwar funktioniert, allerdings nur bei einer Tabelle. Wenn ich zum Beispiel den Autor suche und diesen Autor finde, wird alles angezeigt. Wenn ich allerdings einen Autor suche, den es nicht gibt, verschwindet nur der Autor und der Rest bleibt stehen. Ich hätte es aber gerne, dass, wenn ich etwas gefunden habe, alles andere auch angezeigt wird, und wenn ich etwas nicht finde, dann soll alles andere aus den anderen Tabellen nicht angezeigt werden. In C# würde ich dies einfach mit einer if-Funktion lösen, allerdings kenne ich mich in Angular noch relativ wenig aus.

Hier der Code in HTML:

        <p ng-repeat="item in autoren | filter:searchText">{{item.AutorZuname }} {{item.AutorVorname}}</p>
        <p ng-repeat="item in arbeiten" ng-init="$last && finished()">{{ item.Titel }} <br> {{ item.Zusammenfassung }} <br> {{ item.Link }} <br> {{ item.Hochladedatum }} </p>
       <p ng-repeat="item in schulkennzahlen" ng-init="$last && finished()">{{ item.Titel }} {{item.Ort}} <br> {{item.PLZ}} {{item.Strasse}}

Gesucht wird in diesem Fall der Autor

Hier der Code in AngularJS:

var app = angular.module("eada"); app.controller("listcontroller", function ($scope, $http) {

$http.get("<a href="http://localhost:8888/autors">http://localhost:8888/autors</a>").success(function (response) {
    $scope.autoren = response;
    console.log(response);      
});

$http.get("<a href="http://localhost:8888/diplomarbeits">http://localhost:8888/diplomarbeits</a>").success(function (response) {
    $scope.arbeiten = response;
    console.log(response);      
});

$http.get("<a href="http://localhost:8888/schulkennzahls">http://localhost:8888/schulkennzahls</a>").success(function (response) {
    $scope.schulkennzahlen = response;
    console.log(response);      
});

});

Hoffe ihr könnt mir helfen. LG

Antwort
von Minilexikon, 4
$http.get("<a href="http://localhost:8888/autors">http://localhost:8888/autors</a>").success

HTML-Tags in einer Funktion? Das ist sehr selten richtig ;) Nimm mal den Tag da raus und lass' nur noch den Link an sich da stehen. Natürlich musst du das bei allen drei gets machen:

$http.get("http://localhost:8888/autors").success
Antwort
von iRadioactive, 32

Kenn mich nicht gut aus aber versuchs mit if/else? Lach mich nicht aus wenns bullshit is ☺

Kommentar von joachim1805 ,

Ich weiß leider nicht, wie ich den Vergleich mit dem Suchfeld und der Datenbank anstellen soll. Also wie ich das in if/else einbringe.

Keine passende Antwort gefunden?

Fragen Sie die Community