<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#/">Home</a>
        </div>
        <ul class="nav navbar-nav">
            <!--<li class="active"><a href="#">Home</a></li>-->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">
                    Admin
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <!-- <a [routerLink]="['/url']">Url Title</a> -->
                    <!--<li><a href="Admin/KnowledgeDomains">Knowledge Domains</a></li>-->

                    <li><a [routerLink]="['/Admin/KnowledgeDomains']">Knowledge Domains</a></li>
                    <li><a href="Admin/Facts">Facts</a></li>
                    <li><a href="Admin/QuizTemplates">Quiz Templates</a></li>
                </ul>
            </li>
            <li><a href="#/About">About</a></li>
            <li><a href="#/ContactUs">Contact Us</a></li>
            <li><a href="#/Discuss">Discuss</a></li>
        </ul>
    </div>
</nav>

<router-outlet></router-outlet>

<jtfj-global-footer></jtfj-global-footer>

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#/">Home</a>
        </div>
        <ul class="nav navbar-nav">
            <!--<li class="active"><a href="#">Home</a></li>-->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">
                    Admin
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <!-- <a [routerLink]="['/url']">Url Title</a> -->
                    <!--<li><a href="Admin/KnowledgeDomains">Knowledge Domains</a></li>-->

                    <li><a [routerLink]="['/Admin/KnowledgeDomains']">Knowledge Domains</a></li>
                    <li><a [routerLink]="['/Admin/Facts']">Facts</a></li>
                    <li><a href="Admin/QuizTemplates">Quiz Templates</a></li>
                </ul>
            </li>
            <li><a href="#/About">About</a></li>
            <li><a href="#/ContactUs">Contact Us</a></li>
            <li><a href="#/Discuss">Discuss</a></li>
        </ul>
    </div>
</nav>

<router-outlet></router-outlet>

<jtfj-global-footer></jtfj-global-footer>

Use the [router] instead of direct href
Use the [router] instead of direct href
