angularJs 中ui-router 路由向controller传递数据

最新推荐文章于 2023-03-07 09:35:39 发布

Muroidea

最新推荐文章于 2023-03-07 09:35:39 发布

阅读量6.5k

点赞数

分类专栏：前端文章标签： angularjs ui-router

本文链接：https://blog.csdn.net/u014087707/article/details/52278860

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

页面上 :

ui-sref="home.dataAnalysis({role:'thirdpart:tokenverify',menuType:'a'})"

路由设置

.state('home.dataAnalysis', {
        url: '/dataAnalysis?role&menuType',
        views: {
          'footer@home':{
            templateUrl: 'app/main/footer.html'
          },
          'rightside@home': {
            templateUrl: 'app/components/dataAnalysis/dataAnalysis.html',
            controller: 'dataAnalysisController'
          }
        }
      })

或者

.state('home.dataAnalysis', {
        url: '/dataAnalysis/:role/:menuType',
        views: {
          'footer@home':{
            templateUrl: 'app/main/footer.html'
          },
          'rightside@home': {
            templateUrl: 'app/components/dataAnalysis/dataAnalysis.html',
            controller: 'dataAnalysisController'
          }
        }
      })

在controller中

function dataAnalysisController( $state ,$stateParams) {
    console.log($stateParams.role);
	console.log($stateParams.menuType);
	console.log($state.parame.role);
}