Angulaire 2: ne Peut pas se lier à "uploader" puisqu'elle n'est pas déjà connu de la propriété de 'entrée'

Im essayant d'intégrer ng2-fichier de téléchargement de module dans mon application.

Et im obtenir ce modèle d'erreur: ne Peut pas se lier à "uploader" puisqu'elle n'est pas déjà connu de la propriété de 'entrée'

Dossier de mise à JOUR str:

/src/app/app.module.ts

/src/app/components/layout/
                           layout.module.ts
                           other layout components files

                  /category-items
                            category-items.module.ts
                            category-items.component.ts

dans la mise en page.le module.ts

import { LayoutComponent } from './layout.component';

declarations: [
    LayoutComponent,

dans la catégorie des articles.le module.ts

import { CategoryItemsComponent } from './category-items.component';

import {FileUploadModule} from "ng2-file-upload";   

imports: [  ...FileUploadModule ... ]

app\app.le module.ts

 import {FileUploadModule} from "ng2-file-upload";   

 imports: [  ...FileUploadModule ... ]

app\components\layout\catégorie articles\category-éléments.composante.ts

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

@Component({
  selector: 'button-view',
  template: `

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

  `
  })

export class ButtonViewComponent implements ViewCell, OnInit {

...
 public uploader:FileUploader = new FileUploader({url:'http://lcoalhost:5000/upload'});

}

@Component({
  selector: 'app-category-items',
  templateUrl: './category-items.component.html',
  styleUrls: ['./category-items.component.scss']
})

export class CategoryItemsComponent implements OnInit {
...
}

Ou si j'essaie de sortir comme ci-dessous: - je obtenir la fermeture soudaine balise div

<div ng2FileDrop
         (fileOver)-'fileOverBase($event)'
         [uploader]="uploader"
         class="well my-drop-zone">
        Base drop zone
    </div>

J'ai essayé plusieurs combinaisons des importations pour 'FileUploadModule' dans mon application.module de différents postes, mais aucune ne semble fonctionner dans mon cas.

Erreur trace de la Pile:

"Uncaught (promettre): Erreur: Modèle erreurs d'analyse:↵ne Peut pas se lier à "uploader" puisqu'elle n'est pas déjà connu de la propriété de 'entrée'. ("↵ ↵

Ont googlé de nombreux postes solutions pour la même chose:

Certaines références ont été: (mais aucun aidant)

https://github.com/valor-software/ng2-file-upload/issues/418

https://github.com/valor-software/ng2-file-upload/issues/608

avez-vous importer le FileUploadModule dans le même module que le CategoryItemsComponent? C'est à dire: est la CategoryItemsComponent déclaré uniquement dans l'application.le module.ts?
avoir mis à jour mon dossier str, pourriez-vous nous dire ce qui me manque ou ce que je dois vérifier?
Je soupçonne que vous n'avez pas importé le module dans le module correct - catégorie articles.le module.ts pourrait vous coller afin que je puisse vérifier
oh man, je l'ai eu ...merci pour le reste, j'ai dû importer FileUploadModule dans la catégorie des articles.le module.ts
Je vais l'ajouter comme une réponse alors pour les futurs utilisateurs

InformationsquelleAutor phyme | 2017-07-25

angular ng2-file-upload

32

Vous avez besoin d'importer FileUploadModule dans le module qui déclare le composant à l'aide 'upload' qui, dans votre cas, serait category-items.module.ts

catégorie-éléments.le module.ts
```
import { CategoryItemsComponent } from './category-items.component';

import { FileUploadModule } from "ng2-file-upload";   //Should import HERE

imports: [  ...FileUploadModule ... ]   //RIGHT PLACE
```
- Merci, j'ai mis à jour la question avec réponse!
- il serait peut-être mieux pour les futurs utilisateurs de la lecture de la question, en essayant de les adapter à leur propre situation, si la réponse n'est pas dans la question? vous pouvez poster le composant comme il était avant, il fixe et j'ai pu montrer la version fixe ici
- Oui, Merci @Ompurdy, ont été rétrocédés à ma question ...vous pouvez aussi mentionner dans votre réponse la place que j'avais importé, avant et après la correction
- Il ne sera pas question que vous aussi s'il avait importé, donc je ne vais pas recommander de le retirer au cas où quelqu'un d'autre a besoin d'être importés, là.
- OUI! C'est exactement ce que je cherchais. La documentation doit être mise à jour.
- Merci, c'est un manque de documentation
InformationsquelleAutor 0mpurdy
1

ajouter à l'application.le module.ts ce
```
import { FileSelectDirective } from 'ng2-file-upload';
@NgModule({
    imports: [
        ...
],
    declarations: [
        FileSelectDirective
    ],
    providers: [
        ...
],
    bootstrap: [
        App,
    ],
})
```
https://github.com/valor-software/ng2-file-upload/issues/418#issuecomment-249865170

Ou essayez d'importer FIleUploadModule à chaque module parent

importer { FIleUploadModule } à partir de 'ng2-téléchargement de fichier';
```
imports: [
    FIleUploadModule,
    ..........,
    ........,
    ......,

]
```
Il devrait fonctionner.

InformationsquelleAutor Kishore Peter

Vous devez vous connecter pour publier un commentaire.