Filter 'ng-repeat' basierend auf URL-Parameter

Question

I-Filter will eine ng-repeat basierend auf einem Parameter aus der URL

sagen, die URL-

http://sitename/pagename.aspx?Id=27 

Hier ist also ich will gefiltert werden die ID. wie-

ng-repeat="oneItem in listOfItems | filter : 27" 

So ist die Zahl 27 ist dynamisch aus der

URL bekam zu

Helfen Sie mir mit diesem Typen, Lemme wissen, wenn Sie weitere Informationen benötigen .. :)

Answer 1

Ich gehe davon aus Sie verwenden nicht ng-router und ui-router.

Es ist eine schlechte Übung, Dinge im Frontend zu filtern. Stattdessen sollten Sie das ID an Ihr Backend senden und das korrekte Ergebnis zurückgeben. Dann können Sie einfach tun:

ng-repeat="oneItem in listOfItems" 

Sie können dies tun, indem Sie die Methode zu ändern, die ein Ergebnis zurückgibt, die dann zu listOfItems zugeordnet.

Sie können die ID von URL wie folgt erhalten:

var url = window.location.href; 
$scope.productId = url.split("=")[1] // this assumes that url is exactly like you wrote 

Dann fügen Sie diese zu Ihrer $http Erhaltungs-Anforderung und die Daten von Ihrem Backend bekommen.

Wenn Sie immer noch darauf bestehen sie im Frontend zu tun, dies zu tun:

ng-repeat="oneItem in listOfItems | filter : {id: productId}" // this assumes that oneItem object has property of id 

Hoffe, es hilft!