Angular：无法绑定到“ uploader”，但FileUploadModule被导入到同一模块中

Question

使用ng2-file-upload的[uploader] file drop指令时遇到一个奇怪的问题。 Angular编译器输出为：

无法绑定到“上载器”，因为它不是“ div”的已知属性。

我在该站点上搜索了任何类似的问题，但是从我的角度来看，一切都正确：

• 在app.module中声明组件-检查
• 在同一app.module中导入FileUploaderModule-检查
• 没有其他模块（除了路由）

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上

Answer 1

您缺少要使用的组件选择器（DIV元素不是角度组件，并且没有任何上uploader输入）。

您需要更换：

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

通过

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