Javascript 如何删除文件未找到错误?
我正在尝试使用Javascript 如何删除文件未找到错误?,javascript,angularjs,angular,ionic2,angular2-routing,Javascript,Angularjs,Angular,Ionic2,Angular2 Routing,我正在尝试使用http调用从服务器获取数据。我获取文件未找到错误。这是我的代码 从“离子角度/索引”导入{Page,NavController}; 从'/toDoservice'导入{toDoservice} @页面({ templateUrl:“home.html”, 提供者:[toDoservice] }) 导出类主页{ 私有Todo:数组; 构造函数(专用导航:导航控制器,专用toDoservice:toDoservice){ this.Todo=toDoservice.loadAllT
http
调用从服务器获取数据。我获取文件未找到错误。这是我的代码
从“离子角度/索引”导入{Page,NavController};
从'/toDoservice'导入{toDoservice}
@页面({
templateUrl:“home.html”,
提供者:[toDoservice]
})
导出类主页{
私有Todo:数组;
构造函数(专用导航:导航控制器,专用toDoservice:toDoservice){
this.Todo=toDoservice.loadAllTodo();
}
在类声明和用法中使用相同的大小写:
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();
}
}
从“离子角度/索引”导入{Page,NavController};
从'/TodoService'导入{TodoService}
@页面({
templateUrl:“home.html”,
提供者:[TodoService]
})
导出类主页{
私有Todo:数组;
构造函数(专用导航:导航控制器,专用todoservice:todoservice){
this.Todo=todoService.loadAllTodo();
}
}
您犯过各种错误,其中有几处如下所述:-
- todoService未使用注释修饰
- 您的文件中的服务注入名称错误
- 您以错误的方式导入文件
- 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())
}
}
这是您的的工作代码,他还应该订阅他的
loadAllTodo()
observable。不仅如此……他的system.config
完全错误。它没有加载,因为没有默认扩展。将导入更改为import{ToDoservice}从“/TodoService.js”
,可能会有点帮助…我不再关注套管问题。在我看来,Plunker不应该实际工作。@GünterZöchbauer它更像是一种支持,所以你可以更新你的答案:D
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())
}
}