Question

如何使用绝对路径（即来自其他模块）加载组件模板/样式？

@Component({
  selector: 'a-component',
  templateUrl: 'shared-module/components/another-shared-component/component.html',
  styleUrls: ['shared-module/components/another-shared-component/component.scss']
})

我尝试使用/，~/，只是从模块名称开始，但都没有用。

Answer 1

无法完成。有一个issue，但是：

之所以无法实现，是因为AoT与JIT的绝对绝对路径具有不同的含义。 source

Answer 2

您是否尝试过使用相对路径运算符./和../？如果component.html是上面的两个级别（文件夹），那么它将是：

templateUrl: '../../shared-module/components/another-shared-component/component.html'

如果在当前目录中但不同的子文件夹：

templateUrl: './shared-module/components/another-shared-component/component.html'

Answer 3

您是否尝试过从/src/...开始？这对我有用：

styleUrls: ['/src/shared-module/components/another-shared-component/component.scss']

使用绝对路径加载模板/样式

3 个答案: