Angular 下拉按钮无法在角度方向循环

我在一家公司工作

• 在这里，我创建了一个基于树的结构
• 在进入树结构时，有一个下拉按钮名 “下拉列表”
• 问题在于单击“下拉列表”“按钮下拉列表不工作。

请检查我在下面的stackblitz链接中是否有代码

---

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

Ts文件

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

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

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

HTML文件

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

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

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

---

似乎

class=“dropdown content”

有问题。删除它并重试。

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