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、全来潜山跑风有没有辅助教程、全...
必备科技!雪碧辅助器功能教程,... 必备科技!雪碧辅助器功能教程,雪碧好像真的有辅助器教程1、雪碧模拟器是什么优化,雪碧俱乐部是真的科技...
今日焦点!乐天游透视功能工具,... 今日焦点!乐天游透视功能工具,乐天游真是有透视工具1、今日焦点!乐天游透视功能工具,乐天游真是有透视...
教学盘点!钱柜手游辅助器功能软... 教学盘点!钱柜手游辅助器功能软件,钱柜手游一直真的有辅助器软件钱柜手游能透视中分为三种模型:钱柜手游...
一起来讨论!心悦斗地主辅助器功... 一起来讨论!心悦斗地主辅助器功能脚本,心悦斗地主一直是有辅助器脚本1、在心悦斗地主插件功能辅助器技巧...
一分钟了解!情怀透视挂功能ap... 您好,情怀这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游戏...
玩家必用!山西麻将透视功能脚本... 玩家必用!山西麻将透视功能脚本,山西麻将切实真的有透视脚本1、山西麻将免费辅助多个强度级别选择2、山...
研究成果!家乡大贰辅助器功能插... 研究成果!家乡大贰辅助器功能插件,家乡大贰好像有辅助器插件1、点击下载安装,家乡大贰脚本分类一目了然...
今日公布!十点半辅助器功能软件... 今日公布!十点半辅助器功能软件,十点半总是是真的有辅助器软件1、下载好十点半透视辅助下载之后点击打开...
科技分享!冬聚透视挂功能脚本,... 科技分享!冬聚透视挂功能脚本,冬聚真是存在有透视挂脚本一、冬聚游戏安装教程牌型概率发牌机制”必胜“技...