javascript - angularjs ui-router Bagaimana untuk memberitahu halaman anak tentang perubahan data dalam halaman induk

Question

Sub-halaman bersarang halaman induk (paparan-ui juga mempunyai paparan-ui di dalam)

Sub-halaman ditulis menggunakan komponen, jadi mereka tidak boleh mewarisi skop halaman induk

Kini ibu bapa memindahkan data kepada anak dengan menghantar parameter $state.go('parent.child', {data: $scope.data})

Tetapi jika data induk diubah suai, halaman anak tidak akan mengetahuinya dan ia akan kekal sama.

Adakah terdapat sebarang cara untuk memberitahu pengubahsuaian data halaman induk kepada halaman anak, atau kaedah lain untuk menghantar parameter?

Answer 1

Skop ibu bapa$broadcast子页面可以收到，子页面scope$emitLaman ibu bapa boleh dikumpul

Answer 2

Ini harus dianggap sebagai masalah perkongsian data antara komponen halaman Penyelesaian yang boleh saya fikirkan adalah seperti berikut:

• Meminjam mekanisme acara dalaman Angular, halaman anak melanggan acara yang diterbitkan oleh halaman induk untuk membuat beberapa perubahan, dan begitu juga sebaliknya.

• Laksanakan perkhidmatan biasa untuk menyimpan data yang dikongsi dan menyuntiknya ke dalam komponen dua halaman masing-masing

• Gunakan bekas pengehosan negeri pihak ketiga, seperti redux yang terkenal, dan gunakan ng-redux untuk penyesuaian Kedua-dua halaman menukar keadaan yang disimpan dalam bekas negeri dengan memanggil action

.