angular.js - angular页面传值问题

Question

请问 angular-ui-route 中的

$state.go('xxx',{id:'1'})

只能传递这种简单字符串吗？
我想传object应该怎么传 用全局变量吗？

Answer 1

Bukan sahaja anda boleh melepasi rentetan mudah, tetapi sudah tentu anda juga boleh melepasi objek

1. Nama parameter yang ditunjukkan dalam konfigurasi penghala Ambil ui-router sebagai contoh

   $stateProvider.state('state1', {
       url: '/path/:id', // 这个地方用简单字符串
       templateUrl: '/path/to.html',
       params: {
           obj: null // 这个地方就可以随便你用了. 因为这个参数没在state的url中体现出来
       }
   }).
   

2. Gunakan $state untuk menukar halaman

   $state.go('state1', {
       id: '22',
       obj: {
           key: 'value'
       }
   });
   

3. Gunakan $stateParams dalam pengawal untuk mendapatkan parameter

   console.log($stateParams.obj)
   

Sudah tentu, jika anda lulus parameter yang tidak ditunjukkan dalam URL, parameter tidak akan tersedia semasa operasi seperti kembali

Anda boleh menggunakan kaedah @whosesmile untuk beroperasi Gunakan perkhidmatan LZ boleh melihat pada sudut terbina dalam $cacheFactory Gunakan ini untuk menjana cache dan melaksanakan put get remove removeAll dan operasi lain

Answer 2

http://stackoverflow.com/a/25999849/2586541

Answer 3

Biasanya dua pilihan
1. Pembolehubah global, iaitu, menggunakan $rootScope
2. Gunakan perkhidmatan. Oleh kerana perkhidmatan adalah satu contoh dan tidak akan dimusnahkan, anda boleh menentukan perkhidmatan data cache umum untuk mengakses perkhidmatan Panggilan (kunci, nilai) dalam pengawal yang perlu memindahkan data service.get('key')

dalam pengawal yang membaca data sebelumnya

Answer 4

Terlupa versi ui-router yang menambah kaedah berikut untuk mengekalkan parameter dalam url
1.$state

 $state.go("state",{datas:{ID:data1,NAME:data2}})

2. Konfigurasikan penghala

.state('state',{
url:'path/{datas:json}',
params:{'datas':null}.
...
})

3. Gunakan $stateParam.datas untuk mendapatkan