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

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

模板在我的模板中的“card”元素中将它们解析出来

错误是当我试图将模板变量“#file”传递到我的（click）=查询（pdf，file）表达式中时

我的问题是如何找到上传文件的值？例如，在my query（）函数中输入console.log（文件）时，它总是返回：

我想要用户选择的实际文件内容

<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>

{{pdf.Link_Title}
{{pdf.Resource\u Context\u ID}
{{pdf.Display_Name}
{{pdf.Language_Code}
更新

在双引号中使用“查询（pdf，文件）”。

在双引号中使用查询（pdf，文件）