Bagaimana untuk Lulus Parameter dengan ui-sref dan Dapatkannya dalam Pengawal?

Melalui Parameter dengan ui-sref dan Mendapatkan semula dalam Pengawal

Masalah

Anda perlu menghantar dua parameter kepada keadaan menggunakan ui-sref dan akses mereka dalam pengawal negeri. Walau bagaimanapun, anda menghadapi masalah dengan nilai parameter yang tidak ditentukan dalam pengawal.

Penyelesaian

Untuk menghantar parameter dengan ui-sref dan mendapatkannya dalam pengawal, ikut langkah berikut:

1. Kemas kini Negeri Definisi:

$stateProvider
    .state('home', {
      url: '/:foo?bar', // Define parameter placeholders in the URL
      views: {
        '': {
          templateUrl: 'home.html',
          controller: 'MainRootCtrl'
        },
        ...
      }
    });

2. Gunakan $stateParams dalam Pengawal:

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

Konfigurasi Parameter Berbutir

Selain pemegang tempat parameter URL, anda juga boleh menentukan parameter berbutir menggunakan objek params dalam takrifan keadaan:

.state('other', {
    url: '/other/:foo?bar',
    params: {
        foo: {
          value: 'defaultValue',
          squash: false,
        },
        bar: {
          array: true,
        },
        hiddenParam: 'YES',
      }
    ...

Contoh Penggunaan

Untuk menghantar parameter menggunakan ui-sref dan mendapatkannya dengan definisi keadaan yang dikemas kini:

<a ui-sref="home({foo: 'fooVal1', bar: 'barVal1'})"></a>
<a ui-sref="home({foo: 'fooVal2', bar: 'barVal2'})"></a>

Pilihan Konfigurasi Parameter

Tetapan objek params sertakan:

• nilai: Menentukan nilai parameter lalai.
• tatasusunan: Anggap parameter sebagai tatasusunan.
• skuasy: Mengkonfigurasikan cara nilai parameter lalai diwakili dalam URL.

Untuk maklumat lanjut, rujuk dokumentasi ui-router pada Parameter URL dan $stateProvider.

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