1. 创建文件
服务的名称使用小写,格式如:
constants.service.ts
import { Injectable } from '@angular/core';
@Injectable()
export class ConstantsService {
abcd = 'test';
}
位置假设放在:
app/constants.service.ts
2. 修改app.module.ts
import { ConstantsService } from './constants.service';
providers:[
ConstantsService
]
3. 使用
在要使用的地方,假设src/page/auth/login.ts
import { ConstantsService } from '../../app/constants.service';
@Component({
templateUrl: 'login.html',providers:[ConstantsService]
})
export class LoginPage {
constructor(public navCtrl: NavController,private http: Http,private constantsService: ConstantsService) {
login(user_name: HTMLInputElement,password: HTMLInputElement){
console.info('constantsService',this.constantsService.abcd);
}
}
原文链接:https://www.f2er.com/angularjs/145886.html