Search code examples
angularbootstrap-4angular-bootstrap

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

In my Angular (version 4) application planning to use a left floated button default all the pages, for a feedback form. I a, also using Bootstrap 4 alpha 6 and ng-bootstrap. I tried to used ng-bootstrap modal in app.component.html (with router) but not working. can help to share any link, implementation

Solution

  • you do below ways.

    A componenet for all

    Create a compoenent and add to to the main app.compoent which contains your <router-outlet></router-outlet>

    the code should look like

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

    int his way it will be available to all over the pages and you can adjust css to make its position absolute and float all over the page.

    named router-outlet

    you can also have a named router outlet and put a compoenent inside that out let which will avalable to all pages.

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

    Here you will get extra advantage of handling the component or you can replace that component in the named outlet time to time in your router.