在AngularDart中,我应该如何在templateUrl中引用我的模板,以便它们适用于Dartium和dart2js?

时间:2014-11-19 09:07:37

标签: dart angular-dart dart-pub

我目前有这个目录布局:

project
    web
        app.html
        main.dart
        templates
            app.html
            alerts.html
            menu.html
        components
            AppComponent.dart
            AlertsComponent.dart
            MenuComponent.dart
        resources
            css
                bootstrap.css

我的组件如下:

@Component(
    selector: 'app',
    templateUrl: 'templates/app.html'
)
class AppComponent { ... }

我的应用程序的index.html(在另一个项目中)由/client提供,project/web/project提供。上述内容适用于Dartium,但我从pub build收到错误:

[Warning from _Serial on project|web/main.dart with input project|web/components/AppComponent.dart]:
line 3, column 1 of web/components/AppComponent.dart: Unable to find templates/app.html at project|templates/app.html
@Component(
^^^^^^^^^^^

[Warning from _Serial]:
Unable to find webatara|web/main.dart from html_files in pubspec.yaml.

[Warning from TemplateCacheGenerator]:
Can't find asset web/web/templates/app.html.

取决于我在templateUrlhtml_files中使用的路径组合(对于Angular' s变换器)。

究竟应该去哪里以及如何在templateUrlpubspec.yaml中引用?

更新:我可以通过将模板移至lib目录并使用templateUrl: 'packages/project/templates/app.html'来摆脱构建错误,但随后Dartium尝试将其加载为{{ 1}},而不是/packages/project/templates/app.html,这是正确的。我没有办法告诉它基本网址是什么。

0 个答案:

没有答案