AngularDart 1.0, Component getter/setter not resolved properly if it is part of a library

[tlvenn]

Hi,

Given the following component in /lib/components/about.dart with example.dart being in /lib:

part of example;

@Component(
    selector: 'about',
    templateUrl: 'components/about.html',
    useShadowDom: false
)
class About {

String get test => "Test";
}

And the following template:

<div>{{test}}</div>

Dart will complain that there is no getter for test. If I use an absolute path for the template then it works. Same if the component is in its library rather than being part of another one.

[naomiblack]

@rkirov can you please write something up on getters and transforms to help clarify this?

[rkirov]

I just added a wiki page explaining our transformation process https://github.com/angular/angular.dart/wiki/The-Angular-Transformer

Sounds like you are already aware this is a problem with the expression extractor transformer

The workaround for now is to manually add the needed templates in the pubspec yaml using html_files, while we further investigate the issue.

transformers:
- angular:
    html_files:
      - <my_undetected_file>

[rkirov]

An even easier solution would be to use templateUrl: packages/my_package/components/templates.html which would satisfy both the transformer and pub serve