AngularJS UI-Router - 何时使用子/嵌套状态

Posted 2021-04-17

我正在做一个相当大的angularjs应用程序。目前，每个州的设计是1个.html文件。 （每个视图只有1个html。我试图不在每页包含多个html。）

$stateProvider.state('firstState', {
    url: '/customer',
    templateUrl: 'customer.html'
});

$stateProvider.state('secondState', {
    url: '/customerdetail',
    templateUrl: 'customerdetail.html'
});

即使看起来客户状态应该是客户状态的孩子，但我将它们分开，即使在customer.html中也有链接（使用Ui-router参数）来深入了解客户细节。

只要满足我的要求，这是一个好的设计吗？

答案

当您想要跨州共享部分时，会使用子状态

只是说你想要一个部分，显示所有客户状态的客户详细信息，然后就可以了

<div>Shared info across all customer states</div>
<ui-view></ui-view>

然后所有子状态都将在ui视图中呈现。如果您没有任何共享块，则不需要子状态。