根據角度 6 中的條件隱藏相同的行值？

Question

彈出代碼，如何編寫 *ngIf 條件來隱藏同一行組並顯示其他組。這里我正在傳遞和顯示組，我只需要隱藏相應的請求組。 GroupRequestDesc 具有所有組值。

 <tr>
    <td *ngFor="let value of GroupRequestDesc;let $index=index " style="padding-right: 15px;">                             
       <label for="checkbox_group2" class="checkbox cb_pad" style="width: 180px;display:inline-block;">
           <input id="checkbox_group2" type="checkbox" value="{{value.nxReqGroupId}}" (change)="checkboxVisibility(value.ReqGroupId,$event)"/><i class="skin"></i><span>{{value.nxReqGroupDesc}}</span>
       </label>
    </td>
<tr>

這是我的函數，通過它我將詳細信息傳遞給彈出窗口以進行顯示：

passReqIdforcopytogroup(nxRequestId,solutionData,groupData){
        this.ReqId = RequestId;
        this.ReqGroupId = groupData;
        this.GroupRequestDesc = groupData;
        this.SolutionId = solutionData.SolutionId;
        this.ReqGroupName = solutionData.ReqGroupName;
    }

在這里，我想要實現的是，當我單擊提交按鈕時，相應的請求組不應顯示在下一個彈出窗口中，其余所有其他組都應顯示在彈出窗口中。我如何才能實現這一點，請有人幫助我。 單擊提交時，我正在顯示彈出窗口，該彈出窗口應顯示保留組

Answer 1

您可以為此目的使用ng-if

Answer 2

這是 HTML 代碼：

 passDataToPopup(group, reqId){ console.log(group, reqId); let remainingGroups = group.filter(ele=> ele.ReqId != reqId); console.log(remainingGroups, 'remaining reqestids of group'); }

 <td> <button class="btn-success" (click)= "passDataToPopup(groupRowData.requestDetails, requestDetailData.ReqId)">submit</button> </td>

希望它會幫助你。