根據網址參數過濾“ ng-repeat”

Question

我想根據網址中的參數過濾ng-repeat

假設這是網址-

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

所以在這里我想過濾ID。 喜歡-

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

因此，要從URL動態獲取數字27

幫我解決這個問題，Lemme知道您是否需要更多信息。:)

Answer 1

我假設您沒有使用ng-router和ui-router 。

在前端過濾內容是一種不好的做法。 相反，您應該將該ID發送到后端並返回正確的結果。 然后，您可以簡單地執行以下操作：

 ng-repeat="oneItem in listOfItems"

您可以通過更改返回結果然后分配給listOfItems的方法來listOfItems 。

您可以像這樣從網址獲取ID：

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

然后，將其添加到$http get請求中，並從后端獲取數據。

如果您仍然堅持在前端執行此操作，請執行以下操作：

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

希望能幫助到你！