如何使用Ionic 2的角度2服务? [英] How to use angular 2 service with Ionic 2?
本文介绍了如何使用Ionic 2的角度2服务?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我是Ionic 2的新手。
我在有角度的2文档中读到,需要在引导应用程序时注入服务。但是在浏览Ionic 2教程时看不到任何引导程序。
I am new to Ionic 2. I read in angular 2 docs, that service needs to be injected while bootstrap application. But could not see any bootstrap thing while going through Ionic 2 tutorial.
非常感谢任何帮助。
推荐答案
没有用Ionic2中的Bootstrap(),只使用@App来声明你的应用程序。
您仍然需要在@Page组件中声明您的服务。
There is no use of Bootstrap() in Ionic2, only use of @App to declare your app. You still need to declare your service in your @Page component.
创建您的服务
import {Injectable} from "angular2/core";
import {Http} from "angular2/http";
@Injectable()
export class DataService {
constructor(http: Http) {
this.http = http;
this.data = null;
}
retrieveData() {
this.http.get('./mocks/test.json')
.subscribe(data => {
this.data = data;
});
}
getData() {
return this.data;
}
}
然后在@Page
import {Page} from 'ionic/ionic';
import {DataService} from './service';
@Page({
templateUrl: 'build/test.html',
providers: [DataService]
})
export class TestPage {
constructor(data: DataService) {
data.retrieveData()
}
}
这篇关于如何使用Ionic 2的角度2服务?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文