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

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

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

的工作代码

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

2 个答案: