首页 > 其他 > 详细

Angular2 点击添加一列

时间:2020-06-02 20:26:00      阅读:46      评论:0      收藏:0      [点我收藏+]
<!-- ------------------- -->
<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>
<!-- ------------------- -->

  

Angular2 点击添加一列

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!