index.html是根頁面，activity.html,login.html是index.html的子視圖，enroll.html是activity.html的子視圖。
index.html
1 <body ng-app='activityApp'> 2 <div ui-view></div> 3 <div ui-view="login"></div> 4 </body>
activity.html
1 <div> 2 <div> 活動頁 </div> 3 <div ui-view></div> 4 </div>
login.html
<div>
<div> 登錄頁 </div>
</div>
enroll.html
1 <div> 2 <div>報名頁 </div> 3 </div>
activity.js
紅色字體部分表示傳遞的參數，注意state中含有views和不含views的情況下params所在位置。
1 $stateProvider.state('activity', { 2 url: '/activity', 3 templateUrl: 'activity.html', 4 controller: 'activityController' 5 }).state('activity.login', { 6 url: '/activity-login', 7 views: { 8 'login@': { 9 templateUrl: 'activity-login.html', 10 controller: 'loginController' 11 } 12 } 13 params:{ 14 'token' : null 15 } 16 }).state('activity.enroll', { 17 url: '/activity-enroll', 18 templateUrl: 'activity-enroll.html', 19 controller: 'enrollController',
20 params:{
21 'requires' : null
22 }
23 }
24 }).
在loginController,enrollController中注入$stateParams,分別使用$stateParams.token、$stateOarams.requires獲取參數的值。