【angular2生成手风琴侧边栏的如何对内部元素绑定显示隐藏事件 _angular view 】

angular2生成手风琴侧边栏的如何对内部元素绑定显示隐藏事件

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular view

详细描述

截图

代码

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

@Component({
  selector: 'app-aside-list',
  templateUrl: "./aside-list.component.html",
  styleUrls: ['./aside-list.component.scss']
})
export class AsideListComponent {
  panels = [
    {
      active: true,
      title: "欢迎页",
      parts: [],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "信息管理",
      parts: ["公司信息", "职位信息"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "内容管理",
      parts: ["Article管理"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "后台管理",
      parts: ["账号管理", "角色管理", "修改密码", "模块管理"],
      src: require("../../../img/dashboard/u19.png")
    }

  ]
  iconfontList = [
    "icon-wode-weixuanzhong","icon-shezhi-xue","icon-shezhi-xue","icon-shezhi-xue"
  ]
  toggle(i) {
    if (this.panels[i].active == false) {
      this.panels[i].active = true
    } else {
      this.panels[i].active = false
    }
    console.log(123)
  }


}

编辑于2024-11-22