angular.js - angularjs 中ui-sref里的地址會和瀏覽器里的不一致
問題描述
我在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è)學(xué)校部分},’indexheader@chschool’:{ templateUrl: ’templates/indexheader.html’ //頂部},’itemcontent’:{ templateUrl: ’templates/schoolpart.html’ //學(xué)校部分} }}).state(’chschool.school’,{ //修改學(xué)校 用來局部刷新 學(xué)校部分 這里根據(jù)路由參數(shù) url: ’/school/{id}’, views: {’itemcontent’:{ templateUrl: ’templates/schoolpart.html’} }}).state(’chdorm’,{ //進入樓棟的頁面 需要根據(jù)傳入的學(xué)校參數(shù)來獲取對應(yīng)的樓棟,這里就碰到了傳入的學(xué)校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> //學(xué)校部分</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>
問題解答
回答1:最好把壞的情況是什么樣式貼出來,題外話,你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); })
相關(guān)文章:
1. angular.js - angular內(nèi)容過長展開收起效果2. dockerfile - [docker build image失敗- npm install]3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!4. docker-compose中volumes的問題5. golang - 用IDE看docker源碼時的小問題6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題7. mac里的docker如何命令行開啟呢?8. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?9. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務(wù)器問題10. nignx - docker內(nèi)nginx 80端口被占用

網(wǎng)公網(wǎng)安備