angularjs - 如何将$rootscope(一个包含10个参数的对象)传递给Angularjs的UI-Router中的状态？

Question

您好，我是一名新开发人员，我在使用 UI-Router 将根范围参数传递到我的状态时遇到问题。

这是我的 href，我想将其更改为 ui-sref :

href="/mycarts/{{cats.id}}?{{$root.filterParams}}

这是我的状态:

.state('mycarts', {
    url : '/mycarts/:id?vendors&' +
          'price_to&price_from&manufacturer&' +
          'editor&theme&page&order&filter_by&no',
    templateUrl : 'partials/mycarts.html',
    controller : 'MyCartsController'

这就是我将参数传递给 Controller ​​的方式:

    $scope.id = $stateParams.id;

所以基本上 id 参数的所有内容都工作正常，但我还需要传递其他字符串查询，其中很多，我不知道如何将其他字符串查询传递给它，将上面的 href 更改为的正确方法是什么ui-sref。

Answer 1

我会创建一个对象，以便在 Controller 的 ui-sref 中使用，如下所示

$scope.linkParams = angular.extend({id: $scope.cats.id}, $scope.$root.filterParams);

(参见 https://docs.angularjs.org/api/ng/function/angular.extend )

然后在ui-sref中使用它

ui-sref="mycart(linkParams)"