如何在 angularJS 中为 $routeProvider 发送发送参数

Question

我想将参数发送到 templateUrl 我想在 /folder/stockInventoryController.do?param=loadGroupStyles_Controller&fabId=（这里我需要添加）

之后附加一些数字

    myApp.config(function($routeProvider){
        //setup Router for widgets page
        $routeProvider
        .when('/relatedStyle',{
            controller:'groupStylesLoad',
            templateUrl:'/folder/stockInventoryController.do?param=loadGroupStyles_Controller&fabId='+needParameterHere
        })
    });

Answer 1

如果您需要在 url 上施展魔法，

templateUrl 可以用作函数。它接受 1 个接受当前 url 的参数。

查看您的示例，/relatedStyle 中没有任何参数；但如果有的话，你会像这样访问和修改它们：

.when('/relatedStyle/:arbitraryParam',{
        controller:'groupStylesLoad',
        templateUrl: function(url) {
            var modifiedParam = url.arbitraryParam++;
            return '/folder/stockInventoryController.do?param=loadGroupStyles_Controller&fabId=' + modifiedParam;
        }
    })

Answer 2

见上文link，可能对你有帮助

Answer 3

这里有两种方法。一是路由

myApp.config(function($routeProvider){
        //setup Router for widgets page
        $routeProvider
        .when('/relatedStyle/:fabid',{
            controller:'groupStylesLoad',
            templateUrl:'template/template.html'
        })
    });

myApp.controller("groupStylesLoad", ['$scope', '$routeParams',
     function($scope, $routeParams)
         {var fabId = $routeParams.fabid;}
]);

但是，如果您需要使用查询字符串。

 myApp.controller("groupStylesLoad", ['$scope', '$location',
         function($scope, $location)
             {var fabId = $location.search().fabid;
             // $location.search() returns object like {key1: value1, key2: value2, ...}
        ]);

https://docs.angularjs.org/guide/$位置

希望这对您有所帮助。

如何在 angularJS 中为 $routeProvider 发送发送参数

How send send parameter for $routeProvider in angularJS

angularjs

angular-routing