使用 Angular Bootstrap,我无法在下拉菜单中获取下拉项
Using Angular Bootstrap, I am not able to get drop-down items in drop-down Menu
这是相关的导入
import { NgbModule, NgbDropdownToggle, NgbDropdownMenu, NgbDropdown } from '@ng-bootstrap/ng-bootstrap';
下面是我用过的代码。下拉菜单的代码功能,但不显示下拉项。
<li ngbDropdown class="nav-item dropdown ml-0 ml-md-auto" #dropdown="ngbDropdown">
<a class="nav-link dropdown-toggle" ngbDropdownToggle>
<i class="fa fa-user mr-1"></i>
<span *ngIf="!token"> Account </span>
<span *ngIf="data.user">{{ data.user.name }}</span>
</a>
<div ngbDropdownMenu class="dropdownMenu" aria-labelledby="dropdown">
<a *ngif="token" (click)="closeDropdown(dropdown);collapse();" routerLink="/profile" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-user-circle" aria-hidden="true"></i>Profile
</a>
<a *ngif="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/login" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-key" aria-hidden="true"></i>Login
</a>
<a *ngif="token" (click)="closeDropdown(dropdown);collapse();logout();" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-key" aria-hidden="true"></i>Logout
</a>
<a *ngif="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/register" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-group" aria-hidden="true"></i>Register
</a>
</div>
</li>
代码中有错别字。
将 <a>
标签上的 *ngif
更改为 *ngIf
。
这是相关的导入
import { NgbModule, NgbDropdownToggle, NgbDropdownMenu, NgbDropdown } from '@ng-bootstrap/ng-bootstrap';
下面是我用过的代码。下拉菜单的代码功能,但不显示下拉项。
<li ngbDropdown class="nav-item dropdown ml-0 ml-md-auto" #dropdown="ngbDropdown">
<a class="nav-link dropdown-toggle" ngbDropdownToggle>
<i class="fa fa-user mr-1"></i>
<span *ngIf="!token"> Account </span>
<span *ngIf="data.user">{{ data.user.name }}</span>
</a>
<div ngbDropdownMenu class="dropdownMenu" aria-labelledby="dropdown">
<a *ngif="token" (click)="closeDropdown(dropdown);collapse();" routerLink="/profile" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-user-circle" aria-hidden="true"></i>Profile
</a>
<a *ngif="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/login" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-key" aria-hidden="true"></i>Login
</a>
<a *ngif="token" (click)="closeDropdown(dropdown);collapse();logout();" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-key" aria-hidden="true"></i>Logout
</a>
<a *ngif="!token" (click)="closeDropdown(dropdown);collapse();" routerLink="/register" class="dropdown-item" ngbDropdownItem >
<i class="fa fa-group" aria-hidden="true"></i>Register
</a>
</div>
</li>
代码中有错别字。
将 <a>
标签上的 *ngif
更改为 *ngIf
。