Властивість 'X' є приватною і доступна лише в класі 'xyzComponent'

Я намагаюся створити додаток angular2 для виробництва, для чого слідкую за цим блогом . Після моєї успішної компіляції ngc, коли відбувається компіляція tsc, вона генерує нижче помилку, показану на зображенні:

Потрапивши на деякий час, я знайшов цей блог, який пояснює проблему в розділі "Властивість контексту", який я не можу зрозуміти належним чином, можливо, це дає вам гарну ідею про те, що відбувається неправильно. в основному, коли ми робимо змінну приватною, ми отримуємо "ПОМИЛКА: Властивість є приватною і доступна лише в класі" . Я не розумію, чому це відбувається.

Будь ласка, допоможіть нам, оскільки протягом останніх кількох днів ми б’ємося головою про цю проблему.

Для даного компонента всі його члени (методи, властивості), доступ до яких має його шаблон, повинні бути загальнодоступними у сценарії компіляції AOT. Це пов’язано з тим, що шаблон перетворюється на клас TS. Згенерований клас та компонент - це 2 окремі класи зараз, і ви не можете отримати доступ до перехресного класу приватних членів.

Коротше кажучи: ви не можете отримати доступ до приватних членів у своїх шаблонах, якщо хочете скористатися достроковою компіляцією.

Для кращого пояснення https://github.com/angular/angular/issues/11422

Можливо, ще одна простіша відповідь:

Хлопці, будь ласка, не називайте приватні методи, поля чи властивості з HTML :)

PS під час компіляції *.tsкоду *.js, AOT відмовляється підключати непублічних учасників за допомогою HTML- шаблону.

І "так" це призведе до того, що ваш конвеєр збірки вийде з ладу: D

Отже, я вирішив цю проблему, буду короткою і простою. Щоб це виправити, я глибоко прочитав цей блог . Як і в розділі " Властивість контексту " Рішення цієї проблеми полягає в тому, що не використовуйте та не створюйте приватну змінну, якщо ви хочете використовувати її у поданні безпосередньо, коли ви створюєте свою збірку за допомогою AOT ( тобто Ahead Of Time ) для виробництво.

*наприклад *

// 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;
    }
  }
}

вихід: Властивість '_initials' є приватною і доступна лише в класі 'ThirdPartyComponent'.

Рішення:

оновити це private _initials: string;просто_initials: string;

Для цієї відповіді Харіш Гадія надає мені деяку допомогу, завдяки чому.

Я отримав це, коли оголосив приватні ін’єкції в конструкторі:

constructor(private service: SpecificObjectService) { }

І використовував їх у шаблоні:

*ngFor="let pd of service.listSpecificObject "

Рішення:

constructor(public service: SpecificObjectService) { }

Це працює для мене, хлопці: просто змініть службу на публічну.

constructor(public service: SpecificObjectService) { }

Додаток, що працює у виробництві !!

добре бачимо, це насправді проста проблема javascript es6, якщо ви повинні тримати тип даних приватним, ви можете просто зробити це

privateAccess(){
     return this.cannotAccessByInstanceButStillNeeded
}

Якщо ви хочете використовувати маршрутизатор для огляду, будь ласка, опублікуйте його.

Наприклад:

<button 
   [routerLink]="['/login']"
   [queryParams]="{redirectTo: router.url}"
   translate="Please sign in to use this feature"
/>

import { Router } from '@angular/router'; 

constructor(
   public router: Router; // don't make it private
) {}

Я пропустив це, поки Github CI не надіслав мені попереджувальний лист.