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

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

相关内容

热门资讯

八分钟带你讲解!杭州边锋网络游... 八分钟带你讲解!杭州边锋网络游戏辅助,wepoker辅助工具,教你攻略(证实有挂)-哔哩哔哩;亲,杭...
九分钟带你讲解!游戏辅助器免费... 欢乐达人暗堡破解 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由: 1...
九分钟带你讲解!战神辅助卡密购... >>您好:战神辅助卡密购买确实是有挂的,很多玩家在这款战神辅助卡密购买游戏中打牌都会发现很多用户的牌...
第六分钟带你开挂!乐酷大厅怎么... 第六分钟带你开挂!乐酷大厅怎么安装,中至抚州数刀辅助器,我来教教你(存在有挂)-哔哩哔哩【无需打开直...
第7分钟带你科普!福建兄弟13... 第7分钟带你科普!福建兄弟13水插件,浙江游戏大厅修改器,AI教程(有挂透视)-哔哩哔哩;无需打开直...
八分钟带你讲究!余干中至怎么输... 八分钟带你讲究!余干中至怎么输就一直输,新518互游脚本下载,透牌教程(有挂详情)-哔哩哔哩;无需打...
第2分钟带你科普!欢聚水鱼智能... 欢聚水鱼智能辅助教程是一款专注玩家量身打造的游戏记牌类型软件,在欢聚水鱼智能辅助教程这款游戏中我们可...
十分钟带你讲究!微乐自建房辅助... 十分钟带你讲究!微乐自建房辅助工具,余干六副辅助,可靠教程(有挂透视)-哔哩哔哩《详细加薇13670...
第5分钟带你辅助!微友联盟辅助... 第5分钟带你辅助!微友联盟辅助下载,超圣大厅黑科技,技巧教程(有挂细节)-哔哩哔哩1、下载安装好微友...
9分钟带你详情!微乐家乡官方a... 微乐家乡官方app下载 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由...