title: Identifier refers to a private member of the component
body: <p><em>.html</em></p>
  
  <pre><code>  &lt;offline-picks *ngFor="let pick of pickData" [data]="pick"&gt;&lt;/offline-picks&gt;
  </code></pre>
  
  <p><em>.ts</em></p>
  
  <pre><code>export class OfflineArticlesPage {
    private pickData: picksModel[] = [];
    constructor(private localCacheService: LocalCacheServiceProvider) {
    }
  }
  </code></pre>
  
  <p>When I used the <code>private member</code> as shown above it shows below error.I'm using <a href="https://marketplace.visualstudio.com/items?itemName=Angular.ng-template" rel="noreferrer"><strong>Angular Language Service</strong></a> extension on <code>VS code</code> editor.</p>
  
  <blockquote>
    <p>[Angular] Identifier 'pickData' refers to a private member of the
    component</p>
  </blockquote>
  
  <p>Hope using <code>private members</code> inside the component is good programming practice no? But as a solution for above issue was given as <a href="https://github.com/angular/vscode-ng-language-service/issues/95" rel="noreferrer"><strong>below comment on the extension's repo</strong></a>.</p>
  
  <blockquote>
    <p>The language service will emit these errors because they will be
    errors during AOT. Eventually, you will need to resolve these.</p>
    
    <p>We have plans to support access to private and protected members in
    AOT but that will not land until at least 6.0 (spring of next year).</p>
  </blockquote>
  
  <p>So can you tell me what will be the best way to declare members on the components?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>I use <code>ionic cordova run android --prod --device</code> CLI command with latest Ionic <code>"ionic-angular": "3.5.3",</code>.But it works nicely on my Android device.That means it is working fine with the <code>AOT</code> too no? Then why this error (or warning actually)?</p>