沒有TemplateRef的提供者！ （ng2 bootstrap）

Question

我使用的是ng2引導和更新後的角度cli 1.0版本得到上述錯誤，這裏是我的代碼。你能PLZ解決這個問題

☰

<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> You have 4 videos to Validate</a> 
      <a class="dropdown-item" href="#"><i class="fa fa-trophy"></i> Need to Declare winners for 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> 

Answer 1

根據它看起來像你缺少的dropdownMenu的*的docs。它應該是

<div class="dropdown-menu dropdown-menu-right" *dropdownMenu aria-labelledby="simple-dropdown"> 

所以*dropdownMenu需要*，但dropdown指令不。從文檔

實施例：

<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>