zoukankan      html  css  js  c++  java
  • angular4-注入服务

    //配置已创建的服务:
    import { MemberService } from "./member.service";
    @NgModule({ // ... providers: [MemberService] }) export class AppModule { } //导入已创建的服务 import { MemberService } from '../member.service'; //使用构造注入方式,注入服务 export class MembersComponent implements OnInit { // ... constructor(private memberService: MemberService) { } }

    创建 MemberService 服务

    import { Injectable } from '@angular/core';
    import { Http } from '@angular/http';
    
    @Injectable()
    export class MemberService {
        constructor(private http: Http) { }
    
        getMembers() {
            return this.http
                .get(`https://api.github.com/orgs/angular/members?page=1&per_page=5`)
                .map(res => res.json())
        }
    }

    使用 MemberService 服务

    import { MemberService } from "./member.service";
    
    @Component({...})
    export class MembersComponent implements OnInit {
        members: Member[];
    
        constructor(private memberService: MemberService) { }
    
        ngOnInit() {
            this.memberService.getMembers()
                .subscribe(data => {
                    if (data) this.members = data;
                });
        }
    }
  • 相关阅读:
    getParameter和getAttribute的区别
    forward和sendRedirect的区别
    关于html/css的路径问题
    手写ORM
    数据库其他使用方法介绍
    Navicat使用与python操作数据库
    表查询
    表与表之间的三种关系
    SQL语法
    MySQL数据库的安装与使用
  • 原文地址:https://www.cnblogs.com/avidya/p/7464928.html
Copyright © 2011-2022 走看看