主页 / 问题 / 599351
Accepted
Furry Cat
Asked:2020-12-04 17:12:34 +0000 UTC2020-12-04 17:12:34 +0000 UTC

Angular 2 DOM 操作

  • 772

美好时光，

在 Angular2 中是否可以操作 DOM 树？

任务：一个简单的下拉菜单，当你点击一个菜单项时，会弹出一个子菜单，当你再次点击时，它会消失。

  • 第 1 款
    • 第 1.1 款
    • 第 1.2 款
    • 第 1.3 款
  • 第 2 点
    • 第 2.1 款
    • 第 2.2 款
    • 2.3 款
  • 第 3 点
    • 3.1 款
    • 第 3.2 款
    • 3.3 款

我想按照这个原则来做——点击->寻找子菜单->操作。但我不知道如何在 Angular 中做到这一点。

还有 ngIf 指令，可能在这个方向上，我需要思考，但我还是想不出如何为每个特定的子菜单（而不是所有的通用子菜单）设置显示条件。

感谢您的回答！

dom

1 个回答

  1. Best Answer

    有可能，但只能在极端情况下使用，因为。几乎所有的事情都可以而且应该按照框架的意识形态来完成——通过模板、数据绑定和事件，否则不清楚为什么你需要 Angular。元素引用

    菜单的简单模板就足够了：

    <ul>
    <li *ngFor="let item of items;let i = index" (click)="show[i]=!show[i]">
        {{item.name}}
        <ul [hidden]="!show[i]">
            <li *ngFor="let subitem of item.children">
                {{subitem.name}}
            </li>
        </ul>
    </li>
</ul>
    • 0

相关问题