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

Question

我正在做一个相当大的angularjs应用程序。 当前设计是每个状态1个.html文件。 （每个视图仅包含1个html。我正试图在每个页面中不包含多个html。）

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

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

即使 customerdetail 状态似乎应该是 customer 状态的子级，但是即使在customer.html中有链接，我还是将它们分开（使用Ui -router params）以细化到客户详细信息。

只要符合我的要求，这是一个好的设计吗？

Answer 1

要在各个州之间共享部分时，请使用子州

只需说您想拥有一个显示所有客户状态的客户详细信息的部分，

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

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