文章詳情頁
javascript - angularjs ui-router 父頁面的數據變動如何通知子頁面
瀏覽:225日期:2024-03-03 18:37:12
問題描述
父頁面嵌套子頁面(ui-view 里面也有ui-view)
子頁面是用component來寫的,所以繼承不了父頁面的scope
現在父給子傳數據是通過傳參實現的 $state.go(’parent.child’, {data: $scope.data})
但如果父的數據修改了,那么子頁面是不知道的,還是原來那樣。
請問有什么方法可以讓父頁面的數據修改通知到子頁面,或者別的傳參方式?
問題解答
回答1:父scope$broadcast子頁面可以收到,子頁面scope$emit父頁面可以收
回答2:這種應該算頁面組件間的數據共享問題吧,我能想到的解決方法有以下幾種:
借用 angular 內部的事件機制,子頁面訂閱父頁面發布的事件來進行一些變動,反之也是。
實現一個公用的service來儲存共享數據,分別在兩個頁面的組件中注入
使用第三方的狀態托管容器,比如大名鼎鼎的redux,使用ng-redux做適配,兩個頁面通過調用action來改變狀態容器儲存的狀態
標簽:
JavaScript
相關文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. docker-compose中volumes的問題3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!4. docker-machine添加一個已有的docker主機問題5. golang - 用IDE看docker源碼時的小問題6. docker不顯示端口映射呢?7. javascript - 連續點擊觸發mouseleave事件8. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””9. docker內創建jenkins訪問另一個容器下的服務器問題10. mac里的docker如何命令行開啟呢?
排行榜

網公網安備