Angularjs学习笔记-页面跳转传参-原创手记-慕课网

本次笔记结合mean.io框架项目学习：
图片描述
大致的文件目录如图：
其中assets是放css文件的，controllers放controller的，route是路由文件，service是前后台接口，views是页面文件。
1：创建.html文件

controller 为 data-ng-controller="TrainerIndexController as vm"
其中：<a ui-sref="trainer student statistic({userId:member.userId})">查看报告</a>中的参数是为了页面直接的跳转

2.再来看看route文件

.state('trainer student statistic', {
            url: '/trainer/student/statistic/:userId',
            templateUrl: 'trainer/views/statistic.html'
        })

在url中是要写：userId的，多个参数用？参数链接在后面。比如：

.state('trainee task', {
            url: '/trainee/task/:taskId?taskExeId',
            templateUrl: 'trainee/views/task.html'
        })

3：传过来的参数可以在controller中注入$state或者$stateParams
用$stateParams.userId,或者$state.params.userId

.controller('TrainerIndexController ',function ($scope, $state,$timeout) {
$stateParams.userId,或者$state.params.userId
}