<!-- ------------------- -->
<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="width: 22%; margin-right:8px;"
placeholder="挂载卷名"
[(ngModel)]="control.name"
class = ‘mountPathssss‘
/>
</div>
<div class = ‘marginBottom‘>
<span>容器内目录:</span>
<input
nz-input
style="width: 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="width: 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="width: 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