Нет провайдера для TemplateRef! (бутстрап ng2)

Я использую начальную загрузку ng2 и обновленную версию angular cli 1.0 после того, как эта ошибка возникла выше, вот мой код. не могли бы вы решить эту проблему

☰ 

<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="[email protected]">
            <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>


angular angularjs ng2-bootstrap
person antony    schedule 06.04.2017    source источник
comment
дубликат stackoverflow.com/questions /43114306/ КСТАТИ   -  person valorkin    schedule 06.04.2017

Ответы (1)


arrow_upward
4
arrow_downward

Согласно документам, похоже, вы пропустили * на dropdownMenu. Должен быть

<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>
person Tyler Jennings    schedule 06.04.2017
comment
в v1.6.0 было небольшое критическое изменение, описанное в журнале изменений - person valorkin; 06.04.2017