Question

我正在使用版本Angular2和2.0.0-beta.7开发TypeScript应用。我开始将所有.ts文件放在一个目录中，只是为了达到所需的功能。现在，我尝试使用目录结构逻辑地组织它们，该目录结构涵盖了我的应用程序的逻辑及其功能。在这之后我得到了很多像这样的行：

import {Config} from '../../../../../config/app-config';

......而这......

@Component({
    selector: 'traffic-info',
    templateUrl: '../../../../../../views/traffic-info.html'
})

所有这些../都有点烦人，但据我所知，路径值必须相对于当前脚本。所以，我想知道是否有办法设置类似默认（基本）导入路径或类似的东西，并跳过所有这些＆＃39;一个级别＆＃39;步骤。

Answer 1

您可以尝试在HTML页面的头部使用base标记：

HTML <base>元素指定用于文档中包含的所有相对URL的基本URL。文档中只能有一个<base>元素。

类似的东西：

<html>
  <head>
    <base href="some root path">
    (...)