Access to inline template objects results in "no-access-missing-member" rule being triggerred

[DethAriel]

Consider this code:

@Component({
  template: `
    <div #myModal="my-modal" myModal></div>
    <button (click)="myModal.show()">Show</button>
  `,
}) export class MyComponent { }

@Directive({
  selector: '[myModal]',
  exportAs: 'my-modal',
}) export class MyModalDirective { 
  public show() { /* ... */ }
}

If you run tslint with codelyzer's "no-access-missing-member" rule enabled, you get an error:

The method "myModal" that you're trying to access does not exist in the class declaration.

This is not right. Of course, "myModal" is indeed not a method, and it does not exist in the class declaration. Yet, this is perfectly valid code

[mgechev]

This issue will be fixed when we start gathering metadata with ngast. The timeline is not very clear but probably will happen somewhen next month. Until then, you can update your .codelyzer.js and add the directive declaration manually.

[Matmo10]

Is there a way to disable this rule in an external template only, but not for the whole project? I don't have a .codelyzer.js config, I just reference the codelyzer rules from tslint.json.

EDIT:

Nevermind, all you need to do is add /* tslint:disable no-access-missing-member */ in the corresponding typescript file. :)

[mgechev]

You can create a .codelyzer.js in the root of your project.

Nevermind, all you need to do is add /* tslint:disable no-access-missing-member */ in the corresponding typescript file. :)

That's correct.

[mgechev]

Implemented by d10e980.

Will be released as part of 3.0.0-beta.1.