时间戳

首页 > 解决方案 > 角未知元素

angular - 角未知元素

问题描述

<li class="nav-item ml-0 ml-md-auto" ngbDropdown #dropdown="ngbDropdown">
        <a class="nav-link dropdown-toggle" ngbDropdownToggle>
          <i class="fa fa-user mr-1"></i>
          <span *ngIf="!token">Accounts</span>
        </a>
        <div ngbDropdownMenu class="dropdown-menu">
          <a *ngIf="token" (click)="closeDropdown(dropdown);collapse();" routerLink="/profile" class="dropdown-item">
            <i class="fa fa-user-circle" aria-hidden="true"></i> Profile
          </a>
          <a *ngIf="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/login" class="dropdown-item">
            <i class="fa fa-key" aria-hidden="true"></i> Login
          </a>
          <a *ngIf="token" (click)="closeDropdown(dropdown);collapse();logout();" class="dropdown-item">
            <i class="fa fa-key" aria-hidden="true"></i> Logout
          </a>
          <a *ngIf="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/register" class="dropdown-item">
            <i class="fa fa-group" aria-hidden="true"></i> Register
          </a>
        </div>
      </li>

第一行代码----#dropdown="ngbDropdown"---- 我做了一些研究，但仍然不知道这意味着什么。我不知道它叫什么，所以很难在文档中查找它。

标签： angular

解决方案

ngbDropdown是ng-bootstrap包添加的指令。

这#dropdown="ngbDropdown"是标准的 Angular 代码，使得指令可以被变量访问dropdown（它被称为模板引用变量）。该变量由(click)="closeDropdown(dropdown)操作使用。

推荐阅读