输入类型=文件中的角度传递参考变量

时间:2019-12-13 17:31:08

标签: javascript angular

我是Angular的新手,他编写了一项功能,可在pdfs数组中显示PDF文件列表。

模板将它们解析为模板中的“卡片”元素。

错误是当我尝试将模板变量“ #file”传递到我的(click)= query(pdf,file)表达式中时。

我的问题是如何找到上传文件的价值?例如,当我在query()函数中使用console.log(file)时,它总是返回: <input accept=".pdf" placeholder="Upload file" type="file"> 我想要用户选择的实际文件内容。

<div class="card" *ngFor="let pdf of pdfs">
    <div class="card-header">
      <div class="card-title-wrap bar-success">
        <h4 class="card-title">{{pdf.Link_Title}}</h4>
      </div>
    </div>
    <div class="card-body">
      <div class="px-3">
        {{pdf.Resource_Context_ID}}
      </div>
      <div class="px-3">
        {{pdf.Display_Name}}
      </div>
      <div class="px-3">
        {{pdf.Language_Code}}
      </div>

      <div class="px-3">
        <input type=file placeholder="Upload file" accept=".pdf" #file>
      </div>

      <div class="px-3">
        <button (click)=query"(pdf, file)"
          class="btn btn-primary btn-raised px-4 py-2 m-2 text-uppercase white font-small-4 box-shadow-2 border-0 float-left">
          update
        </button>
      </div>

    </div>
  </div>

1 个答案:

答案 0 :(得分:0)

使用双引号的“ query(pdf,file)”有效。