Question

我通过npm发布并安装了自己的NgModule。目前，导入模块中组件的模板具有内联模板。随着时间的推移，模板变得很大（200 + LOC），并且在组件中使用templateUrl而不是内联模板会很棒。

所以不要这样：

template: `<h1>My template</h1>`,

我想用这个：

templateUrl: './my-template.html'

如果通过node_modules导入模块/组件，则以下帖子中解释的所有解决方案都不起作用。 https://blog.thoughtram.io/angular/2016/06/08/component-relative-paths-in-angular-2.html

我知道有一些gulp包的解决方案可以解析路径并将模板作为内联字符串，但是还有其他解决方案吗？

编辑（添加更多代码示例）：

import {Component} from '@angular/core';

@Component({
    selector: 'my-component',
    templateUrl: './my-template.html'
})
export class MyComponent {
    constructor() {
    }
}

模板与ts文件位于同一目录中。如果我从node_modules / my-package / my-component移动目录并将其放在src / app /中的任何位置，它就可以工作。

在angular / typescript npm包中使用templateUrl而不是inline模板

0 个答案: