下拉按钮无法在Angular中循环它

【问题标题】：dropdown button not working on looping it in Angular下拉按钮无法在Angular中循环它
【发布时间】：2020-01-08 07:03:56
【问题描述】：

我在 Angular 工作，

我创建了一个基于树的结构
在进入树形结构时有一个下拉按钮名称 “下拉菜单”
问题是点击“下拉菜单”按钮下拉菜单不起作用。

请检查我在下面放了 stackblitz 链接以获取代码

https://stackblitz.com/edit/angular-tree-un?file=src%2Fapp%2Fapp.component.html

【问题讨论】：

能否在您的问题中提供相关代码？
如果您检查 DOM，您会看到下拉 div 插入到 DOM 中。它的 css 类是 dropdown-content，并且这个类将 display 设置为 none，所以即使它们在 DOM 中，你也看不到它们。

标签： angular typescript angular8

【解决方案1】：

我做了一些更改，请查看是否符合您的预期输出。

Ts file

myFunction(value) {
console.log(value);
if (value == 1) {
  this.availableBtn = !this.availableBtn;
}

if (value == 2) {
  this.vaccanttoggle = !this.vaccanttoggle;
 }
}

HTML File

<div id="myDropdown" *ngIf="availableBtn">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>

class="dropdown-content" 似乎有问题。删除它并尝试。

【讨论】：