来自输入type=file的角度传递引用变量

Question

我是Angular的新手，我写了一个功能，在我的pdfs数组中显示PDF文件列表。

模板在我的模板中的"card“元素中解析出它们。

错误发生在我试图将模板变量"#file“传递给我的(click)=query(pdf，file)表达式时。

我的问题是如何找到上传文件的值？例如，当我在我的console.log()函数中查询(文件)时，它总是返回：<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>

Answer 1

双引号中的"query(pdf，file)“起作用了。