Документ не определен Angular

Question

У меня есть этот код в моем html для запуска ввода файла при нажатии этого div. В настоящее время я получаю сообщение об ошибке, что документ не определен, но когда я добавляю точку останова и наблюдаю за переменной документа, я вижу, что она фактически определена во время выполнения этого html. Я использую структуру angular.

  <input id="file-input" type="file" name="name" style="display: none;" />
  <div class="csvBox" id="csvBox" (click)="document.getElementById('file-input').click();">

Answer 1

У шаблона есть доступ только к свойствам компонентов. document не является единицей.

Более того, вы никогда не должны использовать document.getElementById с Angular. Вы можете использовать переменную шаблона следующим образом:

<input #fileInput type="file" name="name" style="display: none;" />
<div class="csvBox" id="csvBox" (click)="fileInput.click()">

Answer 2

Похоже, вам нужно импортировать документ из angular.

import { Inject, Injectable } from '@angular/core';
import { DOCUMENT } from '@angular/common';

@Component()
 export class MyService {
 constructor(@Inject(DOCUMENT) private document: Document) {}
}