簡體   English   中英

AngularJS UI路由器不適用於子狀態

[英]AngularJS ui-router not working for child state

我正在嘗試使兒童狀態正常運行。

當我測試相應的網址時,這些狀態中的每一個都顯示正常。 但是有一個問題

app.config(['$stateProvider', function($stateProvider) {
  $stateProvider.state('root', { // works 100%
    url: '/',
    controller: function($scope) {
      alert("state: root");
    },
    templateUrl: 'root.html'
  })
  .state('program', {  // works 100%
    url: '/program',
    controller: function($scope) {
      alert("state: program");
    },
    templateUrl: 'program.html'
  })
  .state('program.new', {  // works only sorta!
    url: '/new',
    controller: function($scope) {
      alert("state: program.new");
    },
    templateUrl: 'program.new.html'
  });
}]);

...對於program.new, 正在選擇正確的狀態 (我正在使用以下命令在調試器中記錄過渡: https : //stackoverflow.com/a/20786262/2308190 ),但僅是alert(“ state:program “)會觸發,而不是alert(“ state:program.new”)。 另外,將顯示program.html模板,而不是program.new.html模板。

子狀態的控制器是否有運行的機會? 為什么不顯示孩子的模板?

需要明確的是,Angular 正在確定適當的狀態program.new。 它似乎似乎沒有運行控制器或呈現模板。

弄清楚了:program.html模板內部沒有指令,因此子狀態program.new沒有地方可以渲染到...,並且僅在視圖要渲染時才運行控制器。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM