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"类。

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

相关内容

热门资讯

必知教程!微友圈app辅助工具... 必知教程!微友圈app辅助工具,微信小程序挂件辅助,详细脚本(讲解有挂)微信小程序挂件辅助破解侠是真...
实测分享!潮汕鱼虾蟹app源码... 实测分享!潮汕鱼虾蟹app源码,开心泉州小程序辅助免费下载,详细器(有挂透视)开心泉州小程序辅助免费...
今日头条!光明大厅透视辅助,天... 今日头条!光明大厅透视辅助,天天透视辅助工具,详细插件(有挂详细)1、许多玩家不知道天天透视辅助工具...
盘点一款!扣点点脚本辅助器,乐... 盘点一款!扣点点脚本辅助器,乐酷副厅外挂,详细工具(有挂方法)扣点点脚本辅助器是不是有人用挂微扑克w...
推荐十款!微乐云南小程序辅助器... 推荐十款!微乐云南小程序辅助器,边锋嘉兴辅助,详细挂(有挂总结)一、微乐云南小程序辅助器可以开透视的...
三分钟了解!微信小程序雀神挂件... 三分钟了解!微信小程序雀神挂件辅助,同城上饶辅助,详细脚本(有挂教学)1、微信小程序雀神挂件辅助辅助...
推荐几款新版!闲逸碰胡辅助器,... 推荐几款新版!闲逸碰胡辅助器,边锋干瞪眼脚本,详细技巧(有挂规律)该软件可以轻松地帮助玩家将闲逸碰胡...
玩家科普!广东雀神祈福辅助器,... 玩家科普!广东雀神祈福辅助器,新道游正版作弊,详细软件(有挂教学)进入游戏-大厅左侧-新手福利-激活...
总算清楚!皮皮胡子辅助,圣游科... 总算清楚!皮皮胡子辅助,圣游科技辅助器,详细工具(存在有挂)1、首先打开圣游科技辅助器辅助器下载最新...
科普!广西老友玩有破解码,we... 科普!广西老友玩有破解码,wepoker内置辅助器,详细教程(有挂讲解)1、该软件可以轻松地帮助玩家...