angular - 错误: Failed to load the template in ES5 Angular2

Question

我正在使用 alpha.25 版本创建 angular2 应用程序(AddressManager)。以下是我收到错误的代码:

组件:

var AddressManager;

(function(AddressManager, Service, Utils){
    'use strict';
    var AddManagerInfo = Utils.at({
        Component: {
            selector:'address-manager',
            appInjector:[Service.ManageAddress]
        },
        View: {
            templateUrl:'address-manager.html',
            directives: [angular.NgFor]
        },
        forClass: AddManager,
        parameters: [Service.ManageAddress]
    })

    function AddManager (ManageAddress) {
        this.appName = 'Address Manager';
        this.personInfo = ManageAddress.get();
    }

    AddressManager.AddManager = AddManager;
})(AddressManager || (AddressManager = {}), Service || (Service = {}), Utils || (Utils = {}));

查看:(address-manager.html)

<div>Testing</div>

当我使用template:'<div>Testing</div>'时而不是templateUrl:'address-manager.html' ，效果很好。但如果是 templateUrl:'address-manager.html'它抛出错误:

加载模板“AddManager”失败

Answer 1

Angular 2 期望拥有模板的绝对路径。

https://angular.io/docs/ts/latest/cookbook/component-relative-paths.html

为了使用相对路径，请尝试向组件添加 moduleId 属性:

@Component({
     moduleId: module.id,
     selector: 'my-comp',
     directives: [],
     templateUrl: 'my-comp.html',
     styleUrls:['my-comp.css']
})