Question

我正在尝试使用唯一名称而不是文件夹路径来查找引用文件的方法。使用绝对和相对路径，如果我移动组件文件夹，我必须重构所有链接。这也很烦人，因为通过使用gulp将所有javascript文件移动到另一个目录。

在Angular 1中，我们只是引用ng-template的ID。

有没有办法在Angular 2中做类似的事情？

其他信息：

我正在使用的代码

(function(app) {
    app.AppComponent =
        ng.core.Component({
            selector: 'my-app-test',
            templateUrl: '/assets/base/components/comp-test-app/test-template.html'
        })
            .Class({
                constructor: function() {}
            });
})(window.app || (window.app = {}));

Answer 1

您可以通过设置组件的moduleId，通过相对网址引用模板。

(function(app) {
    app.AppComponent =
        ng.core.Component({
            moduleId: module.id,
            selector: 'my-app-test',
            templateUrl: 'test-template.html'
        })
        .Class({
            constructor: function() {}
        });
})(window.app || (window.app = {}));

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

如何在angular2中通过id引用模板？

1 个答案: