詳解angularjs跨頁(yè)面?zhèn)鲄⒂龅降囊恍﹩?wèn)題
上周寫(xiě)課程選擇時(shí)間功能時(shí)需要將課程ID，星期，節(jié)次等參數(shù)傳遞給下一個(gè)頁(yè)面，就查了查angularjs的ui-router跨頁(yè)面?zhèn)鲄ⅲ婚_(kāi)始是這樣寫(xiě)的:
在app.js下添加 params:{'args':{}}
然后在起始頁(yè)面的控制器中使用transtionTo或者go方法傳遞參數(shù)
最后在目標(biāo)頁(yè)面的控制器使用$stateParams接收參數(shù)，如下圖，可知我需要傳輸?shù)膮?shù)都傳了過(guò)來(lái)
這樣傳參的好處就是方便靈活，但有一個(gè)不好的地方就是每次刷新完以后傳遞過(guò)來(lái)的參數(shù)都會(huì)丟失，是所以我最后放棄了這種寫(xiě)法，改成了傳統(tǒng)的url傳參，如下圖：
這樣一來(lái)就每次刷新就不會(huì)丟失數(shù)據(jù)了，因?yàn)閰?shù)都存到了路徑當(dāng)中，但接下來(lái)就發(fā)生了一個(gè)比較詭異的事情：
我明明已經(jīng)給$scope.week賦了值，而且控制臺(tái)確實(shí)打印了出來(lái)，而我再打印一次$scope時(shí)卻發(fā)現(xiàn)$scope.week根本沒(méi)有被賦值，如下圖：
我覺(jué)得這不是我能力范圍之內(nèi)能解決的問(wèn)題了，便請(qǐng)求了張喜碩學(xué)長(zhǎng)，學(xué)長(zhǎng)試了各種方法，最后無(wú)奈將我控制器里所有其他的代碼都注釋掉，只保留上述代碼，依然無(wú)法解決，最后查看v層排錯(cuò)，才找到了萬(wàn)惡之源，原來(lái)是我用了ng-value，只要將ng-value改成value，問(wèn)題就正常解決了。
總結(jié)
通過(guò)這次遇到的問(wèn)題反映出我解決問(wèn)題的能力還是不夠，一旦遇到非常奇怪的bug就手足無(wú)措，不知道該怎么排查錯(cuò)誤。再不濟(jì)也可以把我改動(dòng)過(guò)的代碼注釋一半留一半，總是能找到問(wèn)題的源頭的。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Angular事件之不同組件間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了Angular事件之不同組件間傳遞數(shù)據(jù)的方法，利用Angular Event在不同組件之間傳遞數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
angular4應(yīng)用中輸入的最小值和最大值的方法
這篇文章主要介紹了angular4應(yīng)用中輸入的最小值和最大值的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
Angularjs的$http異步刪除數(shù)據(jù)詳解及實(shí)例
這篇文章主要介紹了Angularjs的$http異步刪除數(shù)據(jù)詳解及實(shí)例的相關(guān)資料,這里提供實(shí)現(xiàn)思路及實(shí)現(xiàn)具體的方法，需要的朋友可以參考下2017-07-07
angularjs中回車(chē)鍵觸發(fā)某一事件的方法
下面小編就為大家?guī)?lái)一篇angularjs中回車(chē)鍵觸發(fā)某一事件的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
AngularJS實(shí)現(xiàn)注冊(cè)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)注冊(cè)表單驗(yàn)證功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
深入探究AngularJs之$scope對(duì)象（作用域）
本篇文章主要介紹了深入探究AngularJs之$scope對(duì)象（作用域），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
AngularJS基礎(chǔ) ng-submit 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-submit 指令,這里對(duì)ng-submit 指令的基礎(chǔ)資料做了詳細(xì)介紹整理，并附有代碼示例，有需要的小伙伴可以參考下2016-08-08
AngularJS入門(mén)教程之學(xué)習(xí)環(huán)境搭建
這篇文章主要介紹了AngularJS入門(mén)教程之學(xué)習(xí)環(huán)境搭建,本教程將指導(dǎo)您完成一個(gè)簡(jiǎn)單的應(yīng)用程序創(chuàng)建過(guò)程,包括編寫(xiě)和運(yùn)行單元測(cè)試、不斷地測(cè)試應(yīng)用,需要的朋友可以參考下2014-12-12
AngularJS實(shí)現(xiàn)單獨(dú)作用域內(nèi)的數(shù)據(jù)操作
這篇文章給大家介紹了利用AngularJs如何實(shí)現(xiàn)ng-repeat內(nèi)各個(gè)小的子作用域單獨(dú)數(shù)據(jù)綁定。有需要的小伙伴們可以參考借鑒，下面來(lái)一起看看吧。2016-09-09
Angular.js自定義指令學(xué)習(xí)筆記實(shí)例
這篇文章主要介紹了Angular.js自定義指令的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02