no-access-missing-member: bug when using a method on an object?

[cexbrayat]

When linting this component with codelyzer beta.0 and no-access-missing-member: true:

@Component({
  selector: 'ns-pony',
  template: `<img [src]="'/images/pony-' + pony.color.toLowerCase() + '.png'">`
})
export class PonyComponent {
  @Input() pony: PonyModel;
}

and PonyModel is:

interface PonyModel {
  name: string;
  color: string;
}

I'm running into the linting error:
(no-access-missing-member) tests/pony.ts[9, 44]: The method "pony" that you're trying to access does not exist in the class declaration.

whereas we should have no error (the pony field has indeed a color attribute of type string).

[aitboudad]

Hi, I get the same issue when the property is defined in the parent class

export class TestComponent extends BaseComponent {
}

[mgechev]

@cexbrayat thanks for pointing this out. This one will be easy to fix. @aitboudad yeah, this is in the roadmap. We will need to use the TypeScript language service in order to resolve the symbol location in such locations.