Angular 如何在将服务导入服务和组件时指定路径?
我知道在我的服务和组件中,如果我想导入服务,我需要从“../my service”使用import{MyService} 但我的问题是: 有没有快速的方法来指定我的服务所在的路径?有时我使用Angular 如何在将服务导入服务和组件时指定路径?,angular,Angular,我知道在我的服务和组件中,如果我想导入服务,我需要从“../my service”使用import{MyService} 但我的问题是: 有没有快速的方法来指定我的服务所在的路径?有时我使用'../',有时我使用'./'。有时我必须使用'../parentFolderOfMyService',有时我必须使用'../parentFolderOfMyService/myservice' 另外,我正在使用visual studio 2017。/指的是当前目录(您正在编写的文件的目录) ../指父目录
'../'
,有时我使用'./'
。有时我必须使用'../parentFolderOfMyService'
,有时我必须使用'../parentFolderOfMyService/myservice'
另外,我正在使用visual studio 2017。/指的是当前目录(您正在编写的文件的目录) ../指父目录 这些名称只是目录的名称
为了避免写入文件名,您可以使用它与服务或组件无关,而与文件夹/文件层次结构有关 当我们使用
。/../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文件
从'app/folder1/file.component'导入{filecomponent}
在folder2 file2.ts文件中导入folder2 file1.ts文件
从“/file1.component”导入{file1component}
正在app.module.ts中导入folder1.ts文件
import{filecomponent}from./folder1/file.component'
如果我没有使用诸如桶之类的工具,你知道为什么有时我必须使用'../parentFolderOfMyService',有时我必须使用'../parentFolderOfMyService/my-service'第二种方法总是有效的,第一种方法只有在你有索引桶的情况下才有效吗“parentFolderOfMyService”,或者如果在..中有一个名为“parentFolderOfMyService”的桶/