Angular 2将服务导入组件

Question

我正在尝试将服务导入到不同目录中的组件中，但我一直在服务导入上获得cannot find module error。

目录结构：

//元器件

import { Component, OnInit } from '@angular/core';
import { AtmService } from '../services/atm.service';

@Component({
  selector: 'app-atm-list',
  templateUrl: './atm-list.component.html',
  styleUrls: ['./atm-list.component.css']
})
export class AtmListComponent implements OnInit {

  atms: Array<any>;

  constructor(private atmService: AtmService) { }

  ngOnInit() {

    this.atmService.getAtms().subscribe{
      data => {
        this.atms = data;
      },
      error => console.error(error)
    };
  }

}

Answer 1

尝试import { AtmService } from '../../services/atm.service';

您需要返回两个文件夹才能访问services文件夹。

Answer 2

您正尝试从组件文件夹

访问服务

你可以退两步，或者你可以从app app/services/atm.service

这样的app文件中向下钻取

import { AtmService } from 'app/services/atm.service';