Angular: Невозможно привязать к «загрузчику», но FileUploadModule импортирован в тот же модуль - PullRequest
Новая
       39

Angular: Невозможно привязать к «загрузчику», но FileUploadModule импортирован в тот же модуль

0 голосов
/ 27 марта 2019

У меня странная проблема при использовании директивы удаления файла [uploader] из ng2-file-upload. Выход углового компилятора:

Невозможно выполнить привязку к «загрузчику», поскольку оно не является известным свойством «div».

Я искал похожие проблемы на этом сайте, но, с моей точки зрения, все правильно:

  • Объявление компонента в app.module - проверка
  • Импортировать FileUploaderModule в том же app.module - отметьте
  • нет других модулей (кроме маршрутизации)

app.module: 

[...]
import { SongFilesComponent } from './components/songs/song-files/song-files.component';
import { FileUploadModule } from 'ng2-file-upload';

@NgModule({
  declarations: [
    [...]
    SongFilesComponent
  ],
  imports: [
    [...]
    FileUploadModule,
    AppRoutingModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

SongFilesComponent: 

[...]
<div
  [uploader]="newFileUploader"
  (fileOver)="onFileOverNew($event)"
  [class.file-over]="fileOverNew"
>
  Drop file here
</div>
[...]

Но я всегда получаю описанную ошибку. У меня есть второй простой тестовый проект, и загрузчик работает. Но я не могу найти никакой разницы между ними.

Весь проект размещен на https://github.com/smuddy/wgenerator/tree/master/WEB

1 Ответ

1 голос
/ 27 марта 2019

Вам не хватает селектора компонентов, который вы пытаетесь использовать (элемент DIV не является угловым компонентом и не имеет никакого uploader входа).

Вам необходимо заменить: 

[...]
<div
  [uploader]="newFileUploader"
  (fileOver)="onFileOverNew($event)"
  [class.file-over]="fileOverNew"
>
  Drop file here
</div>
[...]

1008 *
...