Question

我的index.html有一个带有导航栏的标题，一个带有路由器插座的div容器和一个页脚。组件模板在路由器插座中呈现，但我也想从组件中将按钮（后退，保存，其他按钮）渲染到页脚中。我该怎么做？

Answer 1

查看由Alex Rickabaugh（角度核心）完成的演示文稿，关于创建一个左侧导航组件，其中包含由路由组件指定的内容。

Advanced Angular Concepts by Alex Rickabaugh

实施此解决方案后，您可以像这样使用它：

<强> app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
  <left-nav></left-nav>
  <router-outlet></router-outlet>`,
})
export class AppComponent  {}

<强>一些-routed.component.ts

import {Component} from '@angular/core';

@Component({
  template: `
<h2>I am Route A</h2>

<div *leftNav>
  <h3>Route A Nav</h3>
</div>
`
})
export class SomeComponent {}

您可以在此Live demo

中检查整个实施

路由器外部页脚中的角度渲染按钮

1 个答案: