2015-02-11 69 views
1

我在AngularDart项目时,我创建了一个名为LoginComponent组件:AngularDart模板

// 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

感谢您的帮助。

回答

0

挖了一天后,我发现一个interesting post on Google Groups,它解决了我的问题(除了一个小错误,它是'包'而不是'包')。根据帖子,应指定templateUrl如下:

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

这解决了我的问题。

+0

根据问题和维基页面Angular.dart回购相关路径应该工作几个月。 – 2015-02-11 16:42:45

+0

他们工作,但他们此刻输出一个错误。 – Adracus 2015-02-11 16:46:08

+0

尽管出现错误,他们仍然可以工作吗? – 2015-02-11 16:46:37