根据角度6中的条件隐藏相同的行值？

Question

  

弹出代码，如何编写* ng如果条件隐藏同一行组并显示其他组。在这里我正在传递并显示组，我只需要隐藏相应的请求组。 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>

希望它会对您有所帮助。