Question

我试图了解如何在HTML标签中更改数据切换和数据目标的值，例如Anchor Tag或带有* ngFor的DIV标签。

我正在尝试创建一个嵌套的可折叠侧边菜单。我的列表标签之一是这样的。

<li *ngFor="let group of data">  
    <a href="#" data-toggle="collapse" data-target="#toggleDemo0" data-parent="#sidenav01" class="collapsed"> {{group.name }}<span class="caret pull-right"></span>  
    </a>  
    <div class="collapse class=" category-background id="toggleDemo" style="height: 0px;">  
        <ul class="nav nav-list"><a href="#"><h5>{{queue.queueName}}</h5></a>  
            <ul *ngFor="let stationDetail of queue.stationDetails"><li><h5>{{stationDetail.stationName}}</h5></li>  
                <li>
                    <div class="row content">
                        <div class="col-md-4 newCount"><h5>{{stationDetail.newCount}}</h5></div>  
                        <div class="col-md-4 urgentCount"><h5>{{stationDetail.urgentCount}}</h5></div>  
                        <div class="col-md-4 onTrackCount"><h5>{{stationDetail.onTrackCount}}</h5></div>  
                    </div>
                </li>
            </ul>
        </ul>
    </div>
</li>

数据即将到来，但我无法以正确的方式填充它。我想要以下方式

queue1  
    some-data1  
   count1|count2|count3


    some-data2  
   count1|count2|count3  


queue2
   some-data3
count1|count2|count3

我现在获取数据的方式是我可以展开queue1并查看所有具有静态数据切换ID和数据目标的数据，但不能查看queue2和queue3。

我该如何纠正？
提前致谢。

Answer 1

你的div中需要有唯一的ID。你有 ID =＆＃34; toggleDemo＆＃34; 对所有人来说。

使用i作为* ngFor中的索引，并使用i进行div div，如下所示：

* ngFor =＆＃34;让数据组;让我=索引;

然后可以使用id =＆＃34; toggleDemo _ {{i}}＆＃34;

Angular2如何在可折叠Div中使用* ngFor更改html中数据切换的值？

1 个答案: