Ошибка 'ng2-file-upload' в Angular 6 - Невозможно привязать к 'uploader', так как это не известное свойство 'input' - PullRequest
Новая
       37

Ошибка 'ng2-file-upload' в Angular 6 - Невозможно привязать к 'uploader', так как это не известное свойство 'input'

0 голосов
/ 30 октября 2018

Я разрабатываю веб-приложение с использованием Angular 6. Это моя структура папок. приложение | страницы | приборная доска | карты

В компоненте карт я загружаю файлы, используя 'ng2-file-upload'. Это мой 'maps.component.html' 

 <form #mapsForm="ngForm" enctype="multipart/form-data">
      <div class="form-group">
        <label for="name">Name</label>
        <div class="input-group">
          <input id="mapName" class="form-control" name="mapName"  >
        </div>

        <br>

        <label for="geoRefMap">Geo- reference Map</label>
        <div class="input-group">

         <input type="file"  #fileInput name="milespec"  
         class="form-control"
         ng2FileSelect
         [uploader]="uploader" 
         (change)="handleFileInput($event.target.files)" />
          <img src="../../../../../assets/images/maps/Browse.png" width="40" height="40" style=" position: absolute; top: 1px; right: 1px"  onclick="openfileDialog();"/>
        </div>
        <br>
    </form>

Я использовал 'FileUploader' в файле maps.component.ts. 

import {  FileUploader, FileSelectDirective  } from 'ng2-file-upload';

export class MapsComponent implements OnInit {

  public uploader:FileUploader = new FileUploader({url: URL});
}

Но это дает мне следующую ошибку. 

Uncaught (in promise): Error: Template parse errors:
Can't bind to 'uploader' since it isn't a known property of 'input'. ("
         class="form-control"
         ng2FileSelect 
         [ERROR ->][uploader]="uploader" 
         (change)="handleFileInput($event.target.files)" />
          <!-- <in"): ng:///DashboardModule/MapsComponent.html@23:9
Error: Template parse errors:

Я попробовал несколько решений здесь 'https://github.com/valor-software/ng2-file-upload/issues/418' Но не сработало. Я пытался время от времени добавлять FileSelectDirective во все родительские модули. Но не сработало. У кого-нибудь есть решение?

1 Ответ

0 голосов
/ 20 декабря 2018

У меня была эта проблема. Все, что мне нужно сделать, это в моем app.module.ts (или вашем субмодуле) добавить 

 declarations: [
     ...
     FileSelectDirective
  ],
...