在Angular中,可以使用相对路径来从与当前目录级别相同的文件夹获取文件。以下是一种解决方法的代码示例:
假设我们有以下文件结构:
现在,如果我们想从component1.component.ts
文件中引用data.service.ts
文件,可以使用以下相对路径:../services/data.service.ts
。
component1.component.ts:
import { Component } from '@angular/core';
import { DataService } from '../services/data.service';
@Component({
selector: 'app-component1',
template: 'Component 1
',
})
export class Component1Component {
constructor(private dataService: DataService) {
// 使用dataService
}
}
同样,如果我们想从component2.component.ts
文件中引用data.service.ts
文件,可以使用相同的相对路径:../services/data.service.ts
。
component2.component.ts:
import { Component } from '@angular/core';
import { DataService } from '../services/data.service';
@Component({
selector: 'app-component2',
template: 'Component 2
',
})
export class Component2Component {
constructor(private dataService: DataService) {
// 使用dataService
}
}
通过使用相对路径,我们可以从与当前目录级别相同的文件夹获取所需的文件。