【问题标题】:AngularDart template not found找不到 AngularDart 模板
【发布时间】:2015-02-11 10:05:43
【问题描述】:

在 AngularDart 中处理我的项目时,我创建了一个名为 LoginComponent 的组件:

// lib/component/login.dart
@Component(
    selector: 'login',
    templateUrl: 'login.html')
class LoginComponent {
    String username;
    String password;
}

在我创建 login.dart 脚本的同一个文件夹中,我还放了它的模板代码:

<!-- /lib/component/login.html -->
<form ng-submit="login()">
  <input type="text" placeholder="Username" ng-model="username" />
  <input type="password" placeholder="Password" ng-model="password" />
  <input type="submit" value="Submit" />
</form>

项目结构如下:

.
├── CHANGELOG.md
├── LICENSE
├── README.md
├── lib
│   ├── annotations.dart
│   └── component
│       ├── login.dart
│       └── login.html
├── pubspec.lock
├── pubspec.yaml
└── web
    ├── index.html
    └── main.dart

我还将html模板添加到角度转换器中:

name: 'duseapp'
version: 0.0.1
description:
  An absolute bare-bones web app.
environment:
  sdk: '>=1.0.0 <2.0.0'
dependencies:
  browser: any
  web_components: ">=0.10.1 <0.11.0"
  angular: ">=1.1.0 <2.0.0"
  restpoint:
    git: git://github.com/Adracus/restpoint.git
  duse:
    git: git://github.com/duse-io/duse-dart.git
transformers:
  - angular:
    html_files:
      - lib/component/login.html

但是现在,我收到了错误:

Target of URI does not exist: 'login.html'

有人知道这是什么原因吗? 为了进一步了解,该项目的github url是here

感谢您的帮助。

【问题讨论】:

    标签: dart angular-dart


    【解决方案1】:

    挖了一天,找到了interesting post on Google Groups,解决了我的问题(除了一点点错误,是'packages'而不是'package')。根据帖子,应该指定templateUrl,如下所示:

    templateUrl: 'packages/<package-name>/<any-lib-subdirectory>/<filename>'
    

    这解决了我的问题。

    【讨论】:

    • 根据问题和 Angular.dart repo 中的 wiki 页面,相对路径应该可以工作几个月。
    • 这是构建过程中的警告,Dart 编辑器标记了相应的行,但它可以工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-04-08
    • 2018-01-02
    • 2012-07-10
    • 2015-03-14
    • 2020-06-13
    • 2021-05-28
    相关资源
    最近更新 更多