Angular 6: не может связываться с «загрузчиком» - PullRequest
Новая
       40

Angular 6: не может связываться с «загрузчиком»

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

Я пытаюсь загрузить видео, для которого я использовал модуль ng2-file-upload в свое приложение.

Это ошибка, которую я получил: 

ERROR in : Can't bind to 'uploader' since it isn't a known property of 'input'. (">single</label>
                <input type="file" class="form-control" name="single" ng2FileSelect [ERROR ->][uploader]="uploader" />
              </div>
            </div>
")

app \ app.module.ts 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { TranslateModule } from '@ngx-translate/core';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { FileUploadModule} from 'ng2-file-upload';

import { CoreModule } from '@app/core';
import { SharedModule } from '@app/shared';
import { HomeModule } from './home/home.module';
import { ShellModule } from './shell/shell.module';
import { AboutModule } from './about/about.module';
import { LoginModule } from './login/login.module';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import {AppContentModule} from '@app/app-content/appContent.module';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    TranslateModule.forRoot(),
    NgbModule,
    CoreModule,
    SharedModule,
    ShellModule,
    HomeModule,
    AppContentModule,
    AboutModule,
    LoginModule,
    FileUploadModule,
    AppRoutingModule // must be imported as the last module as it contains the fallback route
  ],
  declarations: [AppComponent],
  providers: [
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

video.component.ts 

import {Component, Input, OnInit} from '@angular/core';
import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
import { FileUploader } from 'ng2-file-upload';

@Component({
  selector: 'app-video',
  templateUrl: './video.component.html',
  styleUrls: ['./video.component.scss']
})
export class VideoComponent implements OnInit {
  @Input() data: any;

  public uploader:FileUploader = new FileUploader({url:'http://46.101.253.10:3000/upload'});

  constructor(private modalService: NgbModal,
              private formBuilder: FormBuilder) { }
  ngOnInit() {
  }  
}

video.component.html 

<div class="form-group">
                <label for="single">single</label>
                <input type="file" class="form-control" name="single" ng2FileSelect [uploader]="uploader" />                                  
              </div>

Я пробовал несколько комбинаций импорта для 'FileUploadModule' в моем app.module, но не работал со мной.

Я нашел много сообщений в поисках решений для того же самого, но ни один не помог

Могу я кому-нибудь помочь, пожалуйста?

1 Ответ

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

У меня недостаточно репутации, чтобы комментировать, поэтому добавьте ее сюда:

Куда вы импортируете VideoComponent, который не является частью app.module?Кроме того, посмотрите на этот ответ.Вроде бы поддерживается.Я не вижу большой разницы от вашего решения за исключением того, что Video component отсутствует

...