Thuộc tính 'X' là riêng tư và chỉ có thể truy cập trong lớp 'xyzComponent'

Tôi đang cố gắng xây dựng ứng dụng angle2 để sản xuất mà tôi đang theo dõi blog này . Sau khi biên dịch thành công ngc của tôi khi quá trình biên dịch tsc diễn ra, nó tạo ra lỗi dưới đây được hiển thị trong hình ảnh:

Sau khi tìm kiếm một lúc, tôi đã tìm thấy blog này giải thích sự cố trong phần "Thuộc tính ngữ cảnh" mà tôi không thể hiểu chính xác có thể nó cung cấp cho bạn một số ý kiến ​​hay rằng điều gì đang xảy ra không đúng. về cơ bản khi chúng tôi đặt biến riêng tư, chúng tôi nhận được "LỖI: Thuộc tính là riêng tư và chỉ có thể truy cập trong lớp" . Tôi không hiểu tại sao nó lại đến.

Vui lòng giúp đỡ chúng tôi khi chúng tôi đang lao đầu vào vấn đề này trong vài ngày qua.

Đối với một thành phần nhất định, tất cả các thành viên của nó (phương thức, thuộc tính) được truy cập bởi khuôn mẫu của nó phải được công khai trong kịch bản biên dịch AOT. Điều này là do thực tế là một khuôn mẫu được chuyển thành một lớp TS. Một lớp đã tạo và một thành phần hiện là 2 lớp riêng biệt và bạn không thể truy cập vào các thành viên riêng tư giữa các lớp.

Tóm lại: bạn không thể truy cập các thành viên riêng tư trong các mẫu của mình nếu bạn muốn sử dụng tính năng biên dịch trước thời hạn.

Để giải thích rõ hơn https://github.com/angular/angular/issues/11422

Có thể một câu trả lời khác thậm chí còn đơn giản hơn là:

Các bạn, vui lòng không gọi các phương thức, trường hoặc thuộc tính riêng tư từ HTML :)

PS khi biên dịch *.tsmã thành *.js, KHÔNG THỂ từ chối kết nối các thành viên không công khai với mẫu HTML .

Và "có" điều này sẽ làm cho đường ống xây dựng của bạn bị lỗi: D

Vì vậy, tôi đã khắc phục sự cố này, tôi sẽ giữ điều này ngắn gọn và đơn giản. Để khắc phục điều này, tôi đã đọc blog này một cách sâu sắc. Như trong phần " Thuộc tính ngữ cảnh " Giải pháp cho vấn đề này là Không sử dụng hoặc tạo biến riêng nếu bạn muốn sử dụng nó trong chế độ xem trực tiếp khi bạn đang tạo bản dựng của mình với AOT ( tức là Trước thời gian ) cho sản xuất.

*ví dụ *

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

đầu ra: Thuộc tính '_initials' là riêng tư và chỉ có thể truy cập trong lớp 'ThirdPartyComponent'.

Giải pháp:

cập nhật cái này private _initials: string;để đơn giản_initials: string;

Đối với câu trả lời này, Harish Gadiya cung cấp cho tôi một số trợ giúp để cảm ơn.

Tôi nhận được điều này khi tôi khai báo các tệp tin private trong hàm tạo:

constructor(private service: SpecificObjectService) { }

Và sử dụng chúng trong mẫu:

*ngFor="let pd of service.listSpecificObject "

Giải pháp là:

constructor(public service: SpecificObjectService) { }

Điều này phù hợp với tôi các bạn: Đơn giản chỉ cần thay đổi dịch vụ thành công khai.

constructor(public service: SpecificObjectService) { }

Ứng dụng đang được sản xuất !!

Được rồi, đây thực sự là một vấn đề javascript es6 đơn giản, nếu bạn phải giữ kiểu dữ liệu ở chế độ riêng tư, bạn có thể chỉ cần làm điều này

privateAccess(){
     return this.cannotAccessByInstanceButStillNeeded
}

Nếu bạn muốn sử dụng bộ định tuyến trong chế độ xem, vui lòng đặt nó ở chế độ công khai.

Ví dụ:

<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
) {}

Tôi đã bỏ qua nó cho đến khi Github CI gửi cho tôi một thư cảnh báo.