javascript - 如何使用 AngularJS 从查询字符串中检索值

Question

我在之前的项目中取得了很多进展，需要最后的帮助，但我似乎无法获得。

我使用需要填充到页面上的所有数据构建了整个 Angular Controller ，但我需要通过从另一个页面传递的特定值进行过滤。

我决定执行查询字符串，但我不知道如何检索 2 个参数，其中 1 个参数在本节中使用，1 个参数在页面下方使用。我尝试使用 jquery url(项目)，但在 jquery 调用中我无法将其连接到 Angular 范围对象。

如何正确使用资源或位置提供程序来实现此目的？

网址示例:http://localhost/Client/activitysubpage.asp?activity=6&day=1注意:在页面的前面我调用了 ng-app 和 ng-controller 指令。

我加载了 Angular 库和 jquery 库。//我做了什么来获取url项目使用 url.js

<script>
        $(document).ready(function () {
           var myactivity =url('?activity');
           var myday = url('?day');
          $scope.currentactivity = myactivity;

//I tried saving the value to a input variable and using ng-bind but it doesnt see the initial value.
// $("#activityitem1").val(myactivity);
        });
                            </script>

<input ng-model="currentactivity" id="activityitem1">
   <h1>NG-MODEL VALUE IS {{currentactivity}}</h1>
 <div class="item item-bg-center-contain">
    <div ng-repeat="items in activities  | filter:{id : myactivity }:true">
          <img ng-src="assets/images/activities/headers/{{items.id}}.jpg" class="img-responsive" style="width:100%;height:auto;" />
    </div>


//controller/instantiation code
 var myapp = angular.module("ActivitySelection", []);


            myapp.controller("ActivityController", function ($scope) {
$scope.shortdates = ["Thursday, January 28","Friday, January 29","Saturday, January 30"];
$scope.currentactivity = 1;
                $scope.activities =
                 [{
    "id":1,
    "title":"Activity1"},

{
    "id":2,
    "title":"Activity2"},
......
{
    "id":8,
    "title":"Activity8"}
];

Answer 1

您可以使用 angularJS 的 $location 服务来实现相同的功能

myapp.controller("ActivityController", function ($scope,$location) {
  var myParam=$location.search().YOUR_SEARCH PARAM
  //use myParam however you want. 

参见$location angular docs了解更多信息