Question

<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”----我做了一些研究，但仍然不知道这意味着什么。我不知道它叫什么，因此无法查看文档。

Answer 1

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

#dropdown="ngbDropdown"是标准的角度代码，使变量dropdown可以访问指令（称为template reference variable）。该变量由(click)="closeDropdown(dropdown)操作使用。

角度未知元素

1 个答案: