問題描述

我在angular里面使用了ui-router， 在a標簽中使用了ui-sref，但是現(xiàn)在發(fā)現(xiàn)一個情況就是，有時候莫名其妙瀏覽器地址欄里的參數(shù)會和標簽里寫的不一致，而且時好時壞，不知道問題出在哪里了。

點擊a標簽，會跳轉(zhuǎn)到另一個視圖上去的。不知道這樣寫對不對，主要是這個現(xiàn)象會突然出現(xiàn)，毫無規(guī)律可循，地址欄的變化都是靠ui-sref去改變的，也沒有使用別的東西去修改url。。

路由代碼

.state(’chschool’,{ url: ’/chschool’, views: {’’: { templateUrl: ’templates/chschool.html’ //總視圖 內(nèi)嵌了頂部和右側(cè)學校部分},’indexheader@chschool’:{ templateUrl: ’templates/indexheader.html’ //頂部},’itemcontent’:{ templateUrl: ’templates/schoolpart.html’ //學校部分} }}).state(’chschool.school’,{ //修改學校 用來局部刷新 學校部分 這里根據(jù)路由參數(shù) url: ’/school/{id}’, views: {’itemcontent’:{ templateUrl: ’templates/schoolpart.html’} }}).state(’chdorm’,{ //進入樓棟的頁面 需要根據(jù)傳入的學校參數(shù)來獲取對應的樓棟，這里就碰到了傳入的學校id會和schoolpart.html里面用ng-repeat循環(huán)出來的ui-sref中的參數(shù)不同 url: ’/chdorm/{id}’, views: {’’: { templateUrl: ’templates/chdorm.html’ } }})

html 部分 總視圖

<section ui-view='indexheader'></section><p ng-show='hidep' class='yo-container'> <p class='yo-xs-left'><p > <p ng-include='’templates/citypart.html’'></p> //城市</p> </p> <p class='yo-xs-right'><p class='yo-school'> <!--<p ng-include='’templates/schoolpart.html’'></p>--> <p ui-view='itemcontent'></p> //學校部分</p> </p></p>

citypart.html

<a ng-repeat='item in items' ui-sref='.school({id:item.ID})' ui-sref-active='yo-active'> {{item.cityname}}</a>

schoolpart.html

<p ng-controller='chschoolController'> <p ng-if='items.length==0'>團隊招募，期待你的加入</p> <p ng-repeat='item in items track by $index' ng-cloak><a ui-sref='chdorm({id:item.ID})' ng-click='setItem($index)'>{{item.schName}}</a> </p></p>

問題解答

最好把壞的情況是什么樣式貼出來，題外話，你js可以稍微優(yōu)化

.state(’app.table.datatable’, { url: ’/datatable/:id’, templateUrl: function (stateParams) {console.log(stateParams);return ’resources/tpl/test/table_static.html’; }, resolve: {loadMyCtrl: [’$ocLazyLoad’, function ($ocLazyLoad) { return $ocLazyLoad.load(’resources/js/controllers/dataTableDemo.js’);}] } })回答2：

能放上出現(xiàn)錯誤的截圖嗎？如果需要定位的話，可以在config里面監(jiān)聽路由切換事件$stateChangeStart，并查看路由變換記錄：

$rootScope.$on(’$stateChangeStart’, function(event, toState, toParams, fromState, fromParams){ console.info(fromState + '->' + toState, toParams, fromParams); })