溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

發(fā)布時(shí)間:2021-07-20 09:34:29 來源:億速云 閱讀:118 作者:小新 欄目:web開發(fā)

小編給大家分享一下如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴},希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

在app.js下添加 params:{'args':{}}

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

然后在起始頁面的控制器中使用transtionTo或者go方法傳遞參數(shù)

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

最后在目標(biāo)頁面的控制器使用$stateParams接收參數(shù),如下圖,可知我需要傳輸?shù)膮?shù)都傳了過來

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

這樣傳參的好處就是方便靈活,但有一個(gè)不好的地方就是每次刷新完以后傳遞過來的參數(shù)都會(huì)丟失,是所以我最后放棄了這種寫法,改成了傳統(tǒng)的url傳參,如下圖:

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

這樣一來就每次刷新就不會(huì)丟失數(shù)據(jù)了,因?yàn)閰?shù)都存到了路徑當(dāng)中,但接下來就發(fā)生了一個(gè)比較詭異的事情:
我明明已經(jīng)給$scope.week賦了值,而且控制臺(tái)確實(shí)打印了出來,而我再打印一次$scope時(shí)卻發(fā)現(xiàn)$scope.week根本沒有被賦值,如下圖:

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

我覺得這不是我能力范圍之內(nèi)能解決的問題了,便請求了張喜碩學(xué)長,學(xué)長試了各種方法,最后無奈將我控制器里所有其他的代碼都注釋掉,只保留上述代碼,依然無法解決,最后查看v層排錯(cuò),才找到了萬惡之源,原來是我用了ng-value,只要將ng-value改成value,問題就正常解決了。

如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}

看完了這篇文章,相信你對(duì)“如何解決angularjs跨頁面?zhèn)鲄⒂龅降囊恍﹩栴}”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)
AI