Angularjs - 在調用子狀態時再次阻止非抽象父狀態加載

Question

我試圖創建一個將保持狀態的模態。

每當調用子狀態時，都會再次加載父狀態（第二次）。是否有可能在調用子狀態時阻止加載父狀態？

這是代碼。如果需要更多信息，請發表評論。

.state('parent', { 
    url: "/name/:id/:param1", 
    templateUrl: "app/partials/parent.html", 
    params: { 
     param1: { 
      value: null, 
      squash: true 
     } 
    } 
}) 
.state('parent.child', { 
    url: "/:child", 
    template: "<div class='some_name'></div>", 
    onEnter: function (ngDialog, $state, $stateParams) { 
     ngDialog.open({ 
      templateUrl: '/app/partials/dialog.html' 
     }).closePromise.then(function() { 
      $state.go('name', $stateParams); 
     }); 
    } 
}); 

parent.html

<a class="some_class" 
    ui-sref="parent.child({id: id, param1: param1?param1:null,child: 'child'})"> 
    Open Child 
</a> 

我想表現出一個子狀態的模式，並且當模式被關閉，應用程序返回到父狀態。

Answer 1

您可以將您的父控制器的邏輯移入某種activate函數，如果您還沒有，請在您撥打activate()之前進行檢查。

下面是一個簡單的例子：

.state('parent', { 
    url: "/parent", 
    template: "<div class='parent'></div>", 
    controller: ParentController, 
    }) 
    .state('parent.child', { 
    url: "/child", 
    template: "<div class='child'></div>", 
    controller: ChildController 
    }); 

function ParentController($state) { 
    if ($state.is('parent')) { 
    activate(); 
    } 
} 

ParentController.prototype.activate = function() { 
    // load up resources, etc 
} 

function ChildController() { 

}