Question

在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网址为here。

感谢您的帮助。

Answer 1

在挖了一天之后，我找到了一个interesting post on Google Groups，这解决了我的问题（除了一点点错误，它是＆＃39;包裹而不是＆＃39;包裹＆＃39; ）。根据帖子，应该指定templateUrl如下：

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

这解决了我的问题。

找不到AngularDart模板

1 个答案: