如何删除文件未找到错误？

Question

我正在尝试使用 http 调用从服务器获取数据。我收到文件未找到错误。这是我的代码 http://plnkr.co/edit/oCxrgxNlCkjVnTrhZGQA?p=preview

import { Page, NavController } from 'ionic-angular/index';
import { toDoservice } from '/TodoService'


@Page({
  templateUrl:"home.html",
  providers:[toDoservice]
})
export class HomePage {

  private Todo: Array<Object>;
  constructor(private nav: NavController,private toDoservice:ToDoservice) {
    this.Todo=toDoservice.loadAllTodo();
    }

Answer 1

在class声明和用法中使用相同的大小写：

import { Page, NavController } from 'ionic-angular/index';
import { TodoService } from '/TodoService'


@Page({
  templateUrl:"home.html",
  providers:[TodoService]
})
export class HomePage {

  private Todo: Array<Object>;
  constructor(private nav: NavController,private todoservice:TodoService) {
    this.Todo=todoService.loadAllTodo();
  }
}

Answer 2

你犯了各种错误，其中很少有像这里提到的那样:-

todoService没有用Annotation修饰
您的文件中的服务注入名称错误
您导入文件的方式有误。
system.config

你的服务应该是这样的：-

import {Http} from 'angular2/http';
import {Injectable} from 'angular2/core'
import 'rxjs/Rx';

@Injectable()
export class TodoService {
  http;
  constructor(private http: Http ){
    console.log("hello")
  }

  loadAllTodo(){
    return this.http.get('data.json').map(res => res.json())
  }
}

这是您的Working Plunker

的工作代码

如何删除文件未找到错误？

how to remove file not found error?

javascript

angularjs

ionic2

angular2-routing

angular