时间戳

首页 > 解决方案 > 使用角度的下拉菜单

angular - 使用角度的下拉菜单

问题描述

import { Directive, HostListener, HostBinding } from "@angular/core";

我是角度的初学者。我正在通过udemy的教程制作有角度的网站。我想做下拉按钮。两个代码都是正确的。但是当我单击下拉按钮时，下拉菜单没有打开

`@Directive({
selector: '[appdropdown]'
})
export class DropdownDirective  {
@HostBinding('class.Open') isOpen = false; 
@HostListener('click') toggleOpen () {
    this.isOpen = !this.isOpen;
}
}`

HTML 代码和 ts 代码将是正确的，但它不能运行

    <ul class="nav navbar-nav justify-content-end"> 
    <li class=" nav-item  dropdown" appdropdown>
    <a href="#" class=" nav-link dropdown-toggle" role="button">Manage <span 
    class="caret"></span> </a>
    <ul class="dropdown-menu">
    <li>
    <a href="#"> Save Data</a>
    </li>
    <li>
    <a href="#">Fetch Data</a>
    </li>
    </ul>  
    </li>
    </ul>

标签： angular

解决方案

您需要DropdownDirective在您的声明中导入您的app.module.

推荐阅读