如何在将服务导入服务和组件时指定路径?

时间:2017-07-25 14:50:20

标签: angular

我知道在我的服务和组件中,如果我想导入服务,我需要使用'../my-service'中的import {MyService}。

但我的问题是:

有没有快速的方法来指定我的服务所在的路径?有时我会使用'../',有时我会使用'./'。有时我必须使用'../parentFolderOfMyService',有时我必须使用'../parentFolderOfMyService/my-service'

P.S。我正在使用2017年的视觉工作室。

2 个答案:

答案 0 :(得分:1)

./引用当前目录(您正在写入的文件的目录)

../指父目录

名称只是目录的名称

为避免必须编写文件名,您可以使用barrels

答案 1 :(得分:0)

不是关于服务或组件,关于文件夹/文件层次结构。

当我们使用../../something1/something2/service时,我们就会这样。 在service.component.ts中导入service.ts

app
   |something1
             |something2
                        -(service.ts)
                        -(service.html)
                          -service.component.ts

了解更多

src
  |app
      |folder1
              (.ts file)
      |folder2
              (.ts file1)
              (.ts file2)
  |app.module.ts

如果我在folder2 .ts文件中导入folder1 .ts文件

import {filecomponent} from 'app/folder1/file.component'

在folder2 file2.ts文件中导入folder2 file1.ts文件

import {file1component} from './file1.component'

在app.module.ts中导入folder1 .ts文件

import {filecomponent} from './folder1/file.component'