使用路由时如何将参数传递给控制器​​？

Question

在我的应用程序中，正在使用 ngRoute 加载视图，

 .state('ReportViewer', {
            url: "/ReportViewer",
            controller: 'ReportViewerControl',
            templateUrl: "views/Report_viewer.html"
        })

我有一个搜索面板，其中用户可以搜索报告，并且在选择报表时，它应该在不同的页面路由并加载iframe内的报表。这是用户选择报告时的代码，

 $scope.goReport = function(report){
         $state.go('ReportViewer');
        }

我在配置中定义了一个常量，它会根据报告选择动态变化

   .constant('Digin_ReportViewer','http://192.226.192.147:8080/api/repos/%3Ahome%3Aadmin%')

这里我需要在用户选择报告时将“报告”变量传递给ReportViewerControl，

这是我的ReportViewerControl

 routerApp.controller('ReportViewerControl', ['$scope', '$routeParams','Digin_ReportViewer',function($scope, $routeParams,Digin_ReportViewer) {

    //here i need to append the report url ,
    $scope.reportURL = Digin_ReportViewer+routeParams.report ; 
  $scope.trustSrc = function(src) {
       return $sce.trustAsResourceUrl(src);
    }
}
]);

Answer 1

你正在使用 ui-router 来配置路由，但在 ReportController 下面你正在使用 $routeParams。我希望你必须为此使用 $stateParams。

 routerApp.controller('ReportViewerControl', ['$scope', '$stateParams','Digin_ReportViewer',function($scope, $stateParams,Digin_ReportViewer) {

    //here i need to append the report url ,
    $scope.reportURL = Digin_ReportViewer+stateParams.report ; 
  $scope.trustSrc = function(src) {
       return $sce.trustAsResourceUrl(src);
    }
}
]);

您还必须从 url 或类似的方法中传递参数

.state('ReportViewer', {
            url: "/ReportViewer",
            controller: 'ReportViewerControl',
            templateUrl: "views/Report_viewer.html",
            params: ['report']
        })

然后你可以像这样导航到它：

$scope.goReport = function(report){
         $state.go('ReportViewer', { 'report':'monthly' });
}

或者：

var result = { 'report':'monthly' };
  $state.go('ReportViewer', result);