Angular 左浮动按钮到反馈表的所有页面

Angular left floated button to all the pages for a feedback form

在我的Angular(版本 4)应用程序中,计划使用 左浮动按钮 默认 所有页面,因为反馈表。 我一个,也用Bootstrap 4 alpha 6 and ng-bootstrap。 我尝试在 app.component.html(带路由器)中使用 ng-bootstrap 模态,但没有用。 可以帮助分享任何link,实现

您可以通过以下方式进行操作。

所有人的组件

创建一个组件并添加到包含您的 <router-outlet></router-outlet>

的主 app.compoent

代码应该如下所示

<floating-feedback-component></floating-feedback-component>
<router-outlet></router-outlet>

按照他的方式,它将在所有页面上可用,您可以调整 css 使其绝对位置并在整个页面上浮动。

命名路由器出口

您还可以有一个命名的路由器出口,并在该出口内放置一个组件,该组件将对所有页面可用。

<router-outlet name="floating-feedback"></router-outlet>
<router-outlet></router-outlet>

在这里,您将获得处理该组件的额外优势,或者您可以不时地在您的路由器中更换指定插座中的该组件。