如何使用角度2中的* ngfor访问特定元素

Question

我试图在浏览器中单独显示我的数组的每个元素。但是两个数组元素同时出现。 这是我在浏览器中看到的一个示例。

是否有办法访问特定元素并在模板中的其他位置加载元素数据，或者通过按钮递增id以显示下一个数组元素。

以下是我的代码示例：

    <div class='panel-body' *ngIf='case'>

        <div>
            <div id="left-side" *ngFor="let tag of case?.involved; let i = index;">
                <p> ID: <span class="name"> {{tag.id}} </span></p>
            </div>
            <div id="right-side" *ngFor="let tag of case?.involved">
                <p>Causeway: <span class="name"> {{tag.causeway}} </span> </p>
            </div>
            <hr>
        </div>

所有建议都会有所帮助！无法找到解决我问题的方法！

Answer 1

也许你可以尝试这样的事情：

<div class='panel-body' *ngIf='case'>
        <div>
           <ng-template ngFor let-tag [ngForOf]="case.involved">
              <div id="left-side">
                <p> ID: <span class="name"> {{tag.id}} </span></p>
               </div>
               <div id="right-side">
                 <p>Causeway: <span class="name"> {{tag.causeway}} </span></p>
              </div>
              <hr>
           </ng-template>
        </div>
</div>