Javascript xt请求就像拆分参数是承运人和特定国家，我将在过滤器中传递。@RipulChhabra这将有助于我修改一些东西，当前代码用于生产。必须创建类似演示的代码。给我一些时间，我会更新it@JanakPrajapati我时间不够，所以无法给你确切的密码。当我有时间

---

xt请求就像拆分参数是承运人和特定国家，我将在过滤器中传递。@RipulChhabra这将有助于我修改一些东西，当前代码用于生产。必须创建类似演示的代码。给我一些时间，我会更新it@JanakPrajapati我时间不够，所以无法给你确切的密码。当我有时间的时候，我会在后面发布一个答案，同时你可以参考Angular提供的演示。您还可以下载与之相关的。如果你熟悉Angular，这是非常不言自明的。谢谢，我会尝试这样做。我尝试过实现同样的功能，但没有为我解决。我基本上创建了子组件。单击展开按钮后，我加载动态子组件并将其放置在第行，但问题是每次它都包含在同一容器中，而不是按钮单击行的各个容器中。这里是代码，我创建了另一个问题，以防您能帮我解决这个问题，我觉得不错，但那个国家，运营商和操作系统不会固定。API将有n个选项，因此基本上我所做的是维护一个具有所有维度的阵列。基于此，我想管理expand-collapse Thing如果我理解正确，您有

n

类型的东西要显示在循环折叠组件中，每种类型都必须有自己的设置，并且取决于API中的一些数据，对吗？正如我在回答中所写的，示例中没有涉及数据管理，因为我不知道您想要从中得到什么。该解决方案非常通用，您可以连接到任何类型的状态管理。也许如果你展示你是如何加载数据的，以及数据的结构是什么，我可以更好地理解并帮助你更多：-）是的，我也更新了代码。一旦获得批准，所有人都可以看到。请看一下更新的示例。我希望我能理解你想要实现的目标：-）

this.splitOpt = [
    {
        id: "country",
        label: "Country"
    },
    {
        id:"os".
        label:"Operating System"
    },
    {
        id:"osv".
        label:"Operating System Version"
    }
]

getReport() {

    // apiFilters are array of object having some values to filter report data  
    var apiFilters: any = [{}];
    for (var i = 0; i < this.sFilters.length; i++) {

        if (this.sFilters[i][0].values.length > 0) {
            var k;
            k = this.sFilters[i][0].id
            apiFilters[0][k] = this.sFilters[i][0].values;
        }
    }

    var split = this.splitOpt[0].id;
    this._apis.getReportData(split, apiFilters[0]).subscribe(response => {
        if (response.status == 1200) {
            this.reportData = response.data.split_by_data;
        }
    })
}

checkIfHaveMoreSplits(c){
      if(this.splitOpt.length > 0) {
        var index = this.splitOpt.findIndex(function(v) {
          return v.id == c
        })

       if (typeof(this.splitOpt[index+1]) != "undefined"){
         return this.splitOpt[index+1];
       } else {
        return 0;
       }
   }

    }

<div class="table" >
<div class="row" *ngFor="let rData of reportData; let i = index;" >
        <div class="col" >

            <button 
                 class="btn btn-sm" 
                 *ngIf="checkIfHaveMoreSplits(splitbykey) !== 0"
                 (click)="splitData(splitbykey)"
                >+</button>
            {{rData[splitbykey]}}
        </div>
        <div class="col">{{rData.wins}}</div>
        <div class="col">{{rData.conversions}}</div>
        <div class="col">{{rData.cost}}</div>
        <div class="col">{{rData.bids}}</div>
        <div class="col">{{rData.impressions}}</div>
        <div class="col">{{rData.rev_payout}}</div>

</div>