更新參數狀態，無需重新加載控制器

我希望控制器在查詢參數更改時不重新加載。我試圖將reloadOnSearch設置爲false，但控制器在更改stateparam時重新加載。更新參數狀態，無需重新加載控制器

這是我用來實現結果的代碼。

$stateProvider 
      .state('login', { 
       url: '/login', 
       templateUrl: 'templates/login.html', 
       controller:'loginCtrl' 
      }) 
      .state('layout', { 
       url: '/layout', 
       templateUrl: 'templates/layout.html', 
       controller:'layoutCtrl' 
      }) 
      .state('main', { 
       url: '/main', 
       templateUrl: 'templates/main.html', 
       abstract:true, 
       controller:'mainCtrl'    
      }) 
      .state('main.welcome', { 
       url: '/welcome/:id', 
       templateUrl: 'templates/welcome.html', 
       reloadOnSearch : false, 
       controller:'greetingCtrl' 

      })

例如，當狀態從/main/welcome/1到/main/welcome/2我不希望它控制重載。

來源

2017-01-02 Sarang Khajuria

'UI-router'的版本？ – tasseKATT

@tasseKATT版本是1.0.0alpha0 –

在UI-路由器 1.0.0則可以使用動態參數：

動態參數（更換爲reloadOnSearch）可以在像這樣的狀態下定義一個PARAMS塊中聲明：PARAMS; {fooParam：{dynamic：true}}。當動態參數更改時，它不會導致重新加載狀態。控制器/組件回調函數uiOnParamsChanged可用於通知參數的更改。

例如：

.state('main.welcome', { 
    url: '/welcome/:id', 
    params: { 
    id: { 
     dynamic: true 
    } 
    }, 
    templateUrl: 'templates/welcome.html', 
    controller: 'greetingCtrl' 
})

演示：http://run.plnkr.co/uGARJoK2zxGVa2VL/#/main/welcome/1

來源

2017-01-05 19:25:26 tasseKATT

謝謝你的幫助。它的工作:) –

不客氣:) – tasseKATT

更新參數狀態，無需重新加載控制器

回答

相關問題