詳解angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}
上周寫課程選擇時間功能時需要將課程ID，星期，節(jié)次等參數(shù)傳遞給下一個頁面，就查了查angularjs的ui-router跨頁面?zhèn)鲄?，一開始是這樣寫的:
在app.js下添加 params:{'args':{}}
然后在起始頁面的控制器中使用transtionTo或者go方法傳遞參數(shù)
最后在目標(biāo)頁面的控制器使用$stateParams接收參數(shù)，如下圖，可知我需要傳輸?shù)膮?shù)都傳了過來
這樣傳參的好處就是方便靈活，但有一個不好的地方就是每次刷新完以后傳遞過來的參數(shù)都會丟失，是所以我最后放棄了這種寫法，改成了傳統(tǒng)的url傳參，如下圖：
這樣一來就每次刷新就不會丟失數(shù)據(jù)了，因為參數(shù)都存到了路徑當(dāng)中，但接下來就發(fā)生了一個比較詭異的事情：
我明明已經(jīng)給$scope.week賦了值，而且控制臺確實打印了出來，而我再打印一次$scope時卻發(fā)現(xiàn)$scope.week根本沒有被賦值，如下圖：
我覺得這不是我能力范圍之內(nèi)能解決的問題了，便請求了張喜碩學(xué)長，學(xué)長試了各種方法，最后無奈將我控制器里所有其他的代碼都注釋掉，只保留上述代碼，依然無法解決，最后查看v層排錯，才找到了萬惡之源，原來是我用了ng-value，只要將ng-value改成value，問題就正常解決了。
總結(jié)
通過這次遇到的問題反映出我解決問題的能力還是不夠，一旦遇到非常奇怪的bug就手足無措，不知道該怎么排查錯誤。再不濟也可以把我改動過的代碼注釋一半留一半，總是能找到問題的源頭的。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS實現(xiàn)的獲取焦點及失去焦點時的表單驗證功能示例
這篇文章主要介紹了AngularJS實現(xiàn)的獲取焦點及失去焦點時的表單驗證功能,涉及AngularJS使用ng-blur、ng-focus針對表單事件監(jiān)聽相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
Angular2從搭建環(huán)境到開發(fā)步驟詳解
本文的內(nèi)容主要是想幫助那些想學(xué)習(xí)Angular2的朋友們，因為我自己在玩Angular2時碰到了不少坑，而且Angular2語法一直處于變化中，讓人很頭疼。不過也怪不了Anguar2，因為它現(xiàn)在是處于并長期處于alpha階段，下面就通過本文來學(xué)習(xí)Angular2的搭建環(huán)境和開發(fā)吧。2016-10-10
angular5 httpclient的示例實戰(zhàn)
本篇文章主要介紹了angular5 httpclient的示例實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Angular應(yīng)用里環(huán)境變量SERVER_REQUEST_ORIGIN含義解析
這篇文章主要為大家介紹了Angular應(yīng)用里環(huán)境變量SERVER_REQUEST_ORIGIN的含義解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-10-10
AnjularJS中$scope和$rootScope的區(qū)別小結(jié)
這篇文章給大家整理了關(guān)于AnjularJS中$scope和$rootScope的區(qū)別，文中運用實例代碼介紹的很詳細(xì)，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-09-09
下面小編就為大家?guī)硪黄狝ngularJS下對數(shù)組的對比分析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
用WebStorm進行Angularjs 2開發(fā)(環(huán)境篇：Windows 10，Angular-cli方式)
這篇文章主要介紹了用WebStorm進行Angularjs 2開發(fā)(環(huán)境篇：Windows 10，Angular-cli方式),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
這篇文章主要介紹了AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作,結(jié)合具體實例形式分析了AngularJS使用URL傳遞參數(shù)及參數(shù)的接收、解析等相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了angular2+nodejs實現(xiàn)圖片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了Angular2 模板語法的相關(guān)資料,非常不錯，感興趣的朋友一起學(xué)習(xí)吧，需要的朋友可以參考下2016-08-08