更新时值未显示在输入类型文件中

时间:2018-11-28 13:05:57

标签: angular

我正在尝试进行编辑操作。单击要编辑的特定项目时,我正在获取文本输入的数据,但没有获取输入类型=“文件”的数据。显示为未选择文件。

  

component.html

<form name="form" (ngSubmit)="editLifeCycleSubmitHandler(editForm.value)" #editForm="ngForm" novalidate>

      <input type="hidden" name="id" [(ngModel)]="editObj.id" #id="ngModel">

      <div class="form-group">
        <label for="lifecycle">Lifecycle</label>
        <input type="text" class="form-control" name="lifecycle" [(ngModel)]="editObj.lifecycle" #lifecycle="ngModel"
          required />
          <span class="help-block" *ngIf="lifecycle.invalid  && lifecycle.touched">
              *Lifecycle is required
          </span> 
      </div>

      <div class="upload-btn" title="upload image">
          <p>Flowdown Image</p>
          <input class="chose-file fa fa-cloud-upload click_upload" type="file" name="flow_down_image" [(ngModel)]="editObj.flow_down_image" #flow_down_image="ngModel"
            (change)="editImageUpload($event)" accept="image/*" aria-hidden="true" >
            {{editObj.flow_down_image}}
          <br><br>
      </div>


      <div class="form-group" id="esuccess-form">
        <button class="btn btn-primary ang_login_btn btn-block"[disabled]="editForm.invalid">Submit</button>
      </div>

    </form>

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

html似乎可以,更新输入的值是该部分:

< .... [(ngModel)]="editObj.id" ...>

我们需要更多信息,例如typescript代码。

通过这种方式,您可以将代码上传到stackblitz,我们将尽力为您提供更好的帮助。