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

Question

我的index.html有一个带有导航栏的页眉，一个带有路由器出口的div容器和一个页脚。组件模板在路由器出口中渲染，但我也想从组件渲染按钮（返回，保存，其他按钮）到页脚。我该怎么做呢？

Answer 1

查看Alex Rickabaugh（angular core）所做的演示，内容由路由组件指定，关于创建左导航组件。

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  {}

some-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 {}

您可以在这个实时演示中检查整个实现