Hi, I'm trying to insert a navbar bootstrap menu using angular. I already installed bootstrap with mpm.
But when i try click on a dropdown header, i'm redirected to # instead of open the sub menu.... It seems that it's like angular handle the href="#" as a link. May be i missed something... Here my navbar code. <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#"><img src="assets/logo.png" class= "img-responsive"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role= "button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Patient </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Something else here</a> </div> </li> <!--<li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li>--> <li class="nav-item"> <a class="nav-link dropdown-toggle" href="#" id="na"><i class="fa fa-user fa-2x"></i> <i class="fa fa-fw fa-power-off"></i></a> </li> </ul> </div> </nav> <div class="container"> <router-outlet></router-outlet> </div> -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
