Question

我有我的角色成分：

@Component({
  selector: 'test-app',
  template: `
        <div *ngIf="isEmptyLayout">
            <router-outlet></router-outlet>
        </div>

        <div *ngIf="!isEmptyLayout">
            <h1>Not empty template</h1>
            <router-outlet></router-outlet>
        </div>
  `
})
export class AppComponent { ...

我想要做的是为着陆页和管理区创建单独的布局。但是，这会导致错误。您有什么建议根据当前网址渲染路由器插座几次？

Answer 1

您可以尝试此Multiple layout in angular 2.

希望它有所帮助。现在已经使用了一段时间，无论您想在应用中使用多少布局，它都可以很好地扩展

Answer 2

为什么要使用多个路由器插座？您可以像这样构建模板：

<div>
    <h1 *ngIf="!isEmptyLayout">Not empty template</h1>
    <router-outlet></router-outlet>
</div>

在Angular 2 app.component

2 个答案: