zoukankan      html  css  js  c++  java
  • 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>
    <!-- ------------------- -->
    

      

  • 相关阅读:
    secFox setting
    Xmind settings lower
    Test435678
    Cmd管理员运行
    office install problems
    MSOCache office问题
    WeRun is mini-app
    解决谷歌跨域调试不可用
    xml文件读写
    c++ 矩阵运算库 Eigen等
  • 原文地址:https://www.cnblogs.com/zhanglanzuopin/p/13032416.html
Copyright © 2011-2022 走看看