Angular递归列表中,"list-group"不显示为子列表。
创始人
2024-10-24 12:33:06
0

在Angular递归列表中,如果您希望"list-group"不显示为子列表,可以通过条件判断来控制是否添加"list-group"类。

下面是一个示例代码,展示了如何使用条件判断来解决这个问题:


  • {{ item.name }}
    • No children
// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  items = [
    {
      name: 'Parent 1',
      children: [
        {
          name: 'Child 1.1',
          children: [
            {
              name: 'Grandchild 1.1.1',
              children: []
            },
            {
              name: 'Grandchild 1.1.2',
              children: []
            }
          ]
        },
        {
          name: 'Child 1.2',
          children: []
        }
      ]
    },
    {
      name: 'Parent 2',
      children: []
    }
  ];
}

在上述示例中,使用了ngIf指令来判断是否添加子列表。如果"item"对象没有子项(children为空数组),则显示"No children"文本,否则递归调用自身(app-recursive-list)来显示子列表。这样可以避免在子列表中添加"list-group"类。

请注意,上述示例只是一种解决方法,实际应用中可能需要根据具体需求进行适当调整。

相关内容

热门资讯

现场直击!微信黑科技辅助神器!... 现场直击!微信黑科技辅助神器!本来是真的辅助挂(果真有挂)-哔哩哔哩运微信黑科技辅助神器辅助工具,进...
突发!新财神辅助器!一直是真的... 突发!新财神辅助器!一直是真的辅助器(发现有挂)-哔哩哔哩;1、这是跨平台的新财神辅助器轻量版有透视...
目前!微信小程序功夫川免费辅助... 您好,微信小程序功夫川免费辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
经核实!湖北卡五星技能辅助!原... 经核实!湖北卡五星技能辅助!原来真的是有辅助修改器(证实有挂)-哔哩哔哩1、每一步都需要思考,不同水...
今年以来!飞驰娱乐辅助软件!总... 今年以来!飞驰娱乐辅助软件!总是真的是有辅助脚本(证实有挂)-哔哩哔哩该软件可以轻松地帮助玩家将飞驰...
针对!蜀山四川辅助脚本多少钱!... 针对!蜀山四川辅助脚本多少钱!都是有挂辅助安装(有挂细节)-哔哩哔哩1、蜀山四川辅助脚本多少钱透视辅...
经调查!新天道大厅辅助!竟然是... 您好,新天道大厅辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家...
昨日!掌中乐游戏辅助工具!一贯... 昨日!掌中乐游戏辅助工具!一贯是真的辅助工具(有挂存在)-哔哩哔哩1、首先打开掌中乐游戏辅助工具辅助...
据相关数据显示!插件脚本模板!... 据相关数据显示!插件脚本模板!其实存在有辅助脚本(有挂秘笈)-哔哩哔哩1、游戏颠覆性的策略玩法,独创...
记者获悉!佛手十三道破解版安装... 记者获悉!佛手十三道破解版安装!都是是有辅助插件(有挂神器)-哔哩哔哩1、佛手十三道破解版安装模拟器...