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

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

相关内容

热门资讯

我来分享!pokemmo脚本手... 我来分享!pokemmo脚本手机版,智星菠萝辅助,切实是真的有挂(有挂教程)1、任何透视是真的假的的...
更值得关注的是!wpk德州局透... 更值得关注的是!wpk德州局透视,德普之星透视辅助软件是真的吗,竟然真的有挂(真实有挂)1、德普之星...
程序员教你!wpk辅助是什么,... 程序员教你!wpk辅助是什么,aapoker辅助器怎么用,果然有挂(今日头条)1、任何透视是真的假的...
连日来!wepoker透视挂底... 连日来!wepoker透视挂底牌,德扑之星透视,一直是有挂(有挂助手)1、德扑之星透视免费脚本咨询教...
我来教教大家!wepoker数... 我来教教大家!wepoker数据分析,wpk免费辅助,本来是真的有挂(有挂方式)1、进入到是否有挂之...
据了解!红龙poker作弊指令... 您好,德普之星辅助器app这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
一分钟揭秘!德普之星透视辅助软... 一分钟揭秘!德普之星透视辅助软件,wejoker内置辅助,竟然有挂(的确有挂)1、破解器简单,机器人...
出乎意料的是!wejoker手... 出乎意料的是!wejoker手机版透视脚本,智星菠萝透视,切实确实有挂(有挂教学)1、智星菠萝透视透...
必看攻略!wepoker辅助透... 必看攻略!wepoker辅助透视,wepoker游戏下载,本来是真的有挂(真的有挂)暗藏猫腻,小编详...
技巧辅助挂!大菠萝免费辅助,德... 技巧辅助挂!大菠萝免费辅助,德普之星辅助软件,其实真的有挂(有挂方略)1、该软件可以轻松地帮助玩家将...