dart - 找不到AngularDart模板

标签 dart angular-dart

在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模板添加到了 Angular 更改器(mutator)中:

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

谢谢你的帮助。

最佳答案

经过一天的探索,我发现了一个interesting post on Google Groups,它解决了我的问题(除了一个小错误,它是“packages”而不是“package”)。根据帖子,应该指定templateUrl如下:

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

那解决了我的问题。

关于dart - 找不到AngularDart模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28451502/

相关文章:

flutter - Flutter:制作选定的卡片

dart - 调试Angular Dart路由

dart - 如何从绝对 URL 制作 AngularDart 请求模板?

dart - 我想过滤对象列表取决于日期

dart - 如何在Angular Dart 2中编写自定义模式验证器

dart - 导出库时如何使用 “as”?

flutter - 尝试生成 proto 到 dart 文件

angularjs - 在基于范围的事件监听器的注册过程中,组件被分离

dart - 如何从装饰器中找到当前路线?

dart - 在angular.dart中使用select指令的正确方法是什么