Relative URL support in annotations

GOAL

support loading resources into the components in a relative way for re-usability.

JavaScript

CommonJS modules standards publishes the module.id, which can be passed into the @View Annotation.

@Component(...)
@View({
  moduleId: module.id, // commonJS standard
  templateUrl: 'my-component.html',
  styleUrls: ['my-component.css'] 
})
class MyComponent {
}

Dart

In dart the user does not have to explicitly set the moduleId instead we can extract the location from the library path: MyComponent.owner.uri.path

See: uri_mapper

In-lining

Later we could add a pre-deploy step which will inline the URLs into the annotations directly.

[tbragaf]

@pkozlowski-opensource I can’t make this to work… Does anyone have any sample with ES6 and SystemJS? According to them, __moduleName would work, but it doesn’t because it is being parsed to $__moduleContext.id which is undefined, since $__moduleContext evaluates to the moduleName

Thank you!

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}