显示隐藏div onClick在angular 8中动态添加的单选按钮

我需要动态添加单选按钮及其关联的

<li *ngFor="let ins of insuredPatientDetails">
   <div class="p-10">
      <label class="paymentcard_check">{{ins.primaryPayerName}} 
         <span *ngIf="ins.patientPaymentType === 0">(Self insured)</span>
         <input type="radio" name="patientPayee" onchange="viewPatView(ins.insuranceInformationId)">
         <span class="checkmark"></span>
      </label>
   </div>
   <div class="col-md-12 b-t p-15 patId{{ins.insuranceInformationId}}">
      <p>show hide me</p>
      <p>{{ins.insuranceInformationId}}</p>
   </div>
</li>

{{ins.primaryPayerName}
（自保）
显示隐藏我

{{ins.insuranceInformationId}

因此，如果单击第一个单选按钮，我需要显示它的div。同样，div应该根据它选择的单选按钮显示。

在HTML页面中

<li *ngFor="let ins of insuredPatientDetails">
   <div class="p-10">
      <label class="paymentcard_check">{{ins.primaryPayerName}} 
         <span *ngIf="ins.patientPaymentType === 0">(Self insured)</span>
         <input type="radio" name="patientPayee" value="{{ins.insuranceInformationId}}" (change)="viewPatView($event)">
         <span class="checkmark"></span>
      </label>
   </div>
   <div class="col-md-12 b-t p-15" *ngIf='"patId"+ins.insuranceInformationId === patId'>
      <p>show hide me</p>
      <p>{{ins.insuranceInformationId}}</p>
   </div>
</li>

这样我就可以解决这个问题了，感谢HTML页面中的爱心帮助

<li *ngFor="let ins of insuredPatientDetails">
   <div class="p-10">
      <label class="paymentcard_check">{{ins.primaryPayerName}} 
         <span *ngIf="ins.patientPaymentType === 0">(Self insured)</span>
         <input type="radio" name="patientPayee" value="{{ins.insuranceInformationId}}" (change)="viewPatView($event)">
         <span class="checkmark"></span>
      </label>
   </div>
   <div class="col-md-12 b-t p-15" *ngIf='"patId"+ins.insuranceInformationId === patId'>
      <p>show hide me</p>
      <p>{{ins.insuranceInformationId}}</p>
   </div>
</li>

这样我就可以解决这个问题了，谢谢大家的帮助