La propriété 'X' est privée et n'est accessible que dans la classe 'xyzComponent'.

Question

J'essaie de construire une application angulaire 2 pour production pour cela, je suis ce qui suit blog . Après mon ngc compilation réussie lorsque le compilation du tsc a lieu, il génère l'erreur ci-dessous montrée dans l'image :

Après avoir cherché pendant un certain temps, j'ai trouvé ceci blog qui explique le problème en "La propriété du contexte" que je n'ai pas réussi à comprendre correctement, cela pourrait vous donner une bonne idée de ce qui ne va pas. En fait, lorsque nous rendons une variable privée, nous obtenons "ERROR : La propriété est privée et n'est accessible que dans la classe" .

Answer 1

Pour un composant donné, tous ses membres (méthodes, propriétés) accessibles par son modèle doivent être publics dans le scénario de compilation AOT. Ceci est dû au fait qu'un template est transformé en une classe TS. Une classe générée et un composant sont maintenant deux classes distinctes et vous ne pouvez pas accéder aux membres privés en croisant les classes.

En bref, vous ne pouvez pas accéder aux membres privés dans vos modèles si vous voulez utiliser la compilation à l'avance.

Pour une meilleure explication https://github.com/angular/angular/issues/11422

Answer 2

Peut-être qu'une autre réponse encore plus simple est :

Les gars, s'il vous plaît, n'appelez pas les méthodes, champs ou propriétés privés depuis le HTML :)

---

P.S. Lors de la compilation de l *.ts code pour *.js , AOT refuser de mettre en relation des membres non publics avec le HTML modèle.

Et "oui", cela fera échouer votre pipeline de construction :D

Answer 3

J'ai obtenu cela lorsque j'ai déclaré des injecteurs privés dans le constructeur :

constructor(private service: SpecificObjectService) { }

Et je les ai utilisés dans le modèle :

*ngFor="let pd of service.listSpecificObject "

La solution est la suivante :

constructor(public service: SpecificObjectService) { }

Answer 4

J'ai donc résolu ce problème. Je vais faire court et simple. Pour résoudre ce problème, j'ai lu ceci blog profondément. Comme dans la section " La propriété contextuelle " La solution à ce problème est la suivante N'utilisez pas ou ne créez pas une variable privée si vous voulez l'utiliser directement dans la vue lorsque vous créez votre build avec AOT ( c'est-à-dire, en avance sur le temps ) pour la production.

*par exemple *

// component.ts
@Component({
  selector: 'third-party',
  template: `
    {{ _initials }}
  `
})
class ThirdPartyComponent {
  private _initials: string;
  private _name: string;

  @Input()
  set name(name: string) {
    if (name) {
      this._initials = name.split(' ').map(n => n[0]).join('. ') + '.';
      this._name = name;
    }
  }
}

sortie : La propriété '_initials' est privée et n'est accessible que dans la classe 'ThirdPartyComponent'.

Solution :

_actualiser cette private _initials: string; pour simplement _initials: string;_

Pour cette réponse Harish Gadiya me fournir de l'aide, alors merci pour cela.

Answer 5

Ça marche pour moi les gars : Il suffit de changer le service en public.

constructor(public service: SpecificObjectService) { }

L'application fonctionne en production !