Bagaimana untuk Lulus Parameter kepada Pengawal Menggunakan ui-sref dalam UI-Router?

Melalui Parameter ke Pengawal Menggunakan ui-sref dalam UI-Router

Dalam UI-Router, menghantar parameter kepada pengawal melalui ui-sref adalah elemen penting untuk berkongsi data antara negeri. Begini cara untuk menyelesaikan tugas ini dengan berkesan:

Untuk bermula, tentukan URL keadaan sasaran untuk memasukkan ruang letak parameter menggunakan sintaks bertindih, seperti yang dilihat dalam definisi keadaan dikemas kini yang ditunjukkan di bawah:

$stateProvider
.state('home', {
  url: '/:foo?bar',
  ...

Dalam contoh ini, keadaan 'home' menjangkakan parameter 'foo' dan 'bar' dalam laluan URL.

Seterusnya, laraskan pengawal untuk menerima parameter ini dengan betul:

.controller('MainRootCtrl', function($scope, $state, $stateParams) {
  // ...
  var foo = $stateParams.foo; // Accessing 'fooVal'
  var bar = $stateParams.bar; // Accessing 'barVal'
  // ...

Dalam pengawal ini, kami menyuntik $stateParams dan bukannya $stateParam, yang memberi kami akses kepada parameter yang diluluskan.

Selain itu, UI-Router juga menyediakan konfigurasi parameter yang terperinci melalui objek 'params' dalam keadaan takrifan. Pilihan ini membolehkan anda menentukan nilai lalai, mengenakan kekangan jenis dan banyak lagi.

Sebagai contoh, pertimbangkan konfigurasi parameter lanjutan ini:

.state('other', {
  url: '/other/:foo?bar',
  params: {
    foo: {
      value: 'defaultValue',
      squash: false,
    },
    bar: {
      array: true, // Treat bar as an array
    },
    hiddenParam: 'YES', // Not present in the URL
  },
  ...

Konfigurasi ini menunjukkan cara kami boleh menentukan nilai lalai untuk parameter dan mengawal tingkah lakunya dalam URL.

Akhir sekali, ingat untuk lulus parameter apabila menavigasi ke keadaan yang dikehendaki menggunakan sama ada atribut 'ui-sref' atau kaedah '$state.go()':

<a ui-sref="other({foo: 'fooVal1', bar: 'barVal1'})">...</a>
$state.go('home', {foo: 'fooVal2', bar: 'barVal2'});

Dengan melaksanakan pendekatan ini, anda boleh menghantar parameter dengan cekap kepada pengawal menggunakan ui-sref dalam UI-Router, memastikan peralihan keadaan lancar dan perkongsian data dalam aplikasi AngularJS anda.

Atas ialah kandungan terperinci Bagaimana untuk Lulus Parameter kepada Pengawal Menggunakan ui-sref dalam UI-Router?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!