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>
在这里,您将获得处理该组件的额外优势,或者您可以不时地在您的路由器中更换指定插座中的该组件。
在我的Angular(版本 4)应用程序中,计划使用 左浮动按钮 默认 所有页面,因为反馈表。 我一个,也用Bootstrap 4 alpha 6 and ng-bootstrap。 我尝试在 app.component.html(带路由器)中使用 ng-bootstrap 模态,但没有用。 可以帮助分享任何link,实现
您可以通过以下方式进行操作。
所有人的组件
创建一个组件并添加到包含您的 <router-outlet></router-outlet>
代码应该如下所示
<floating-feedback-component></floating-feedback-component>
<router-outlet></router-outlet>
按照他的方式,它将在所有页面上可用,您可以调整 css 使其绝对位置并在整个页面上浮动。
命名路由器出口
您还可以有一个命名的路由器出口,并在该出口内放置一个组件,该组件将对所有页面可用。
<router-outlet name="floating-feedback"></router-outlet>
<router-outlet></router-outlet>
在这里,您将获得处理该组件的额外优势,或者您可以不时地在您的路由器中更换指定插座中的该组件。