根据站立和绝对路径javascript

Question

有人可以帮助我理解相对和绝对路径的概念。我真的很困惑他们是如何在我的目录中工作的？ 我有下面的代码，我不能包含PostService模块。

import { Component } from '@angular/core'; 
import { PostService } from '../services/post.service'; 

@Component({ 
moduleId: module.id, 
selector: 'search', 
templateUrl: 'search.component.html', 
providers:[PostService] 
}) 

export class SearchComponent { 
    posts: post[]; 

    constructor(){ 
       this.posts = [ 
     { 
      id: 1, 
      title:"Post heading", 
      body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong." 
     }, 
        { 
      id: 2, 
      title:"Post heading", 
      body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong." 
     }, 
        { 
      id: 3, 
      title:"Post heading", 
      body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong." 
     } 
    ] 
    } 
} 

文件结构如下：

-- app 
    '-- components 
     '-- search 
      '-- search.component 
    '-- services 
     '-- post.service 

Answer 1

如果设置moduleId: module.id,那么你templateUrl和styleSheetsUrl路径成为相对于当前目录你在

所以，如果你去1上级别为../您将位于组件目录中。为了进入服务文件夹所在的应用程序目录，您需要再上一层。

所以路径应该是：../../services/post.service