Angular下拉菜单切换未按预期工作
创始人
2024-10-30 03:00:34
0次

在以下代码中，我们创建了一个名为toggleDropdown的函数并将它绑定到下拉菜单的单击事件。当单击下拉菜单时，toggleDropdown函数将检查下拉菜单是否处于打开状态。如果是，它将把isOpen变量设置为false，否则将设置为true。

在HTML文件中：

在组件typescript文件中：

import { Component } from '@angular/core';

@Component({ selector: 'app-dropdown', templateUrl: './dropdown.component.html', styleUrls: ['./dropdown.component.css'] }) export class DropdownComponent {

isOpen = false;

constructor() { }

toggleDropdown() { this.isOpen = !this.isOpen; }

}

稍作改动即可适应任何Angular版本。

上一篇：Angular下拉菜单加载时未显示默认选项

下一篇：Angular下拉菜单切片：切片0：50后未显示选择的值。

相关内容

热门资讯

透视app！sohoo竞技联盟... 透视app！sohoo竞技联盟辅助器，aa poker辅助包，2025教程（有挂工具）；一、soho...
透视线上！wepoker底牌透... 透视线上！wepoker底牌透视，固有真的是有挂（透视）新版2025教程（有挂辅助）运wepoker...
透视代打！pokemmo辅助脚... 透视代打！pokemmo辅助脚本，poker world辅助器，2025新版教程（有挂脚本）在进入p...
透视安装！拱趴游戏破解器，本然... 透视安装！拱趴游戏破解器，本然存在有挂（透视）切实教程（有挂黑科技）1、很好的工具软件，可以解锁游戏...
透视安装！佛手在线大菠萝智能辅... 透视安装！佛手在线大菠萝智能辅助器，悦扑克脚本，必胜教程（有挂细节）运佛手在线大菠萝智能辅助器辅助工...
透视科技！hhpoker买挂，... 透视科技！hhpoker买挂，本然是真的有挂（透视）攻略教程（有挂技巧）1、进入游戏-大厅左侧-新手...
透视最新！大菠萝免费辅助，一向... 透视最新！大菠萝免费辅助，一向是真的有挂（透视）必备教程（有挂揭秘）1、许多玩家不知道大菠萝免费辅助...
透视脚本！pokemmo修改器... 透视脚本！pokemmo修改器手机版，pokemmo修改器手机版，力荐教程（有挂细节）1、每一步都需...
透视透视！hh poker辅助... 透视透视！hh poker辅助有用吗，先前真的有挂（透视）揭秘攻略（有挂攻略）1、玩家可以在hh p...
透视脚本！约局吧开挂，poke... 透视脚本！约局吧开挂，pokemmo辅助器，技巧教程（有挂介绍）1、pokemmo辅助器机器人多个强...