Angular左浮动按钮到所有页面以获得反馈表单

时间:2017-08-17 14:59:32

标签: angular bootstrap-4 angular-bootstrap

在我的Angular(第4版)应用程序计划使用左浮动按钮默认所有页面,用于反馈表单。 我也是,使用Bootstrap 4 alpha 6ng-bootstrap。 我尝试在app.component.html(使用路由器)中使用ng-bootstrap模式但不能正常工作。 可以帮助分享任何链接,实施

1 个答案:

答案 0 :(得分:2)

你在下面做事。

所有

的组件

创建一个组件并添加到主app.compoent,其中包含您的<router-outlet></router-outlet>

代码应该看起来像

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

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

名为router-outlet

你也可以拥有一个指定的路由器插座,并在其中放置一个可用于所有页面的组件。

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

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