AngularJS2 学习笔记——创建service

前端之家收集整理的这篇文章主要介绍了AngularJS2 学习笔记——创建service前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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);
  }
}

猜你在找的Angularjs相关文章