angularjs - No Provider for TemplateRef! (ng2 bootstarp) -
i using ng2 bootstrap , updated angular cli 1.0 version after got above error here code. plz solve problem
☰
<ul class="nav navbar-nav ml-auto"> <li class="nav-item dropdown" dropdown (ontoggle)="toggled($event)"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdowntoggle> <i class="icon-bell"></i> <span class="badge badge-pill badge-danger">5</span> </a> <div class="dropdown-menu dropdown-menu-right" dropdownmenu aria-labelledby="simple-dropdown"> <a class="dropdown-item" href="#"><i class="fa fa-envelope"></i> have 4 videos validate</a> <a class="dropdown-item" href="#"><i class="fa fa-trophy"></i> need declare winners week 34</a> </div> </li> <li class="nav-item dropdown" dropdown (ontoggle)="toggled($event)"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdowntoggle> <img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@tfc.com"> <span class="hidden-md-down">super admin</span> </a> <div class="dropdown-menu dropdown-menu-right" dropdownmenu aria-labelledby="simple-dropdown"> <a class="dropdown-item" href="#"><i class="fa fa-key"></i> change password</a> <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> logout</a> </div> </li> </ul>
according docs looks missing * on dropdownmenu. should
<div class="dropdown-menu dropdown-menu-right" *dropdownmenu aria-labelledby="simple-dropdown"> so *dropdownmenu requires *, dropdown directive not.
example docs:
<div class="btn-group" dropdown> <button dropdowntoggle type="button" class="btn btn-primary dropdown-toggle"> button dropdown <span class="caret"></span> </button> <ul *dropdownmenu class="dropdown-menu" role="menu"> <li role="menuitem"><a class="dropdown-item" href="#">action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">another action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">something else here</a></li> <li class="divider dropdown-divider"></li> <li role="menuitem"><a class="dropdown-item" href="#">separated link</a> </li> </ul> </div>
Comments
Post a Comment