Angular2 动态增减表单

<!-- ------------------- -->
<div nz-row class="serveKey">
  <div nz-col nzSpan="1"></div>
  <div nz-col nzSpan="3"  class="label2">挂载</div>
  <div nz-col nzSpan="18">
    <div *ngFor="let control of whiteList; let i = index" style="margin-bottom: 5px;">
      <div class = 'marginBottom'>
        <span>挂载卷名:</span>
        <input
          nz-input
          style=" 22%; margin-right:8px;"
          placeholder="挂载卷名"
          [(ngModel)]="control.name"
          class = 'mountPathssss'
        />
      </div>
      <div class = 'marginBottom'>
        <span>容器内目录:</span>
        <input
          nz-input
          style=" 22%; margin-right:8px;"
          placeholder="容器内目录"
          [(ngModel)]="control.mountPath"
          class = 'mountPaths'
        />
      </div>
      <!-- <div class = 'marginBottom'> -->
        <span>是否需要持久卷:</span>
        <!-- <nz-radio-group [(ngModel)]="publish['visibleStatusss']" (ngModelChange)="aaaaaa($event)"> -->
        <!-- <nz-radio-group [(ngModel)]="publish['visibleStatussss']" (ngModelChange)="aaaaaa($event,control)" class = 'mountPathss'> -->
        <nz-radio-group [(ngModel)]="control['ephemerals']" (ngModelChange)="persistentVolume($event,control)" class = 'mountPathss'>
          <label nz-radio nzValue="0">是</label>
          <label nz-radio nzValue="1">否</label>
        </nz-radio-group>      
      <!-- </div>       -->
    <div id = 'PhysicalMachineDirectory' [style.display] = "control.style == 'none'? 'none' : 'block'">
        <span>物理机目录:</span>
        <input
          nz-input
          style=" 22%; margin-right:8px;"
          placeholder="物理机目录"
          [(ngModel)]="control['disk']['required']"
          class = 'mountPathsss'
        />
      </div>
      <i nz-icon style="cursor:pointer;margin-bottom: 45px;" type="minus-circle-o" class="dynamic-delete-button" (click)="removeWhiteListssss(control, $event)"></i>
    </div>
    <div>
      <div>
        <button nz-button nzType="dashed" style=" 97%; margin: 0;" (click)="addWhiteList($event)">
          <i nz-icon type="plus"></i> 添加
        </button>
      </div>
    </div>
  </div>
</div>
<!-- ------------------- -->

  

原文地址:https://www.cnblogs.com/zhanglanzuopin/p/13032416.html