kobvel

import { Component, Inject } from '@angular/core';
import { ApiService } from './api.service';
import { Hashwords, IHashwords } from './libs.providers';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {

kobvel

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { HashwordsProvider } from './libs.providers'

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],

kobvel

import { InjectionToken, ValueProvider } from '@angular/core';

interface IHashwords {
  hash: (hash: string) => string[];
  hashStr: (hash: string) => string;
  random: () => string[];
  randomStr: () => string;
}

const Hashwords: InjectionToken<IHashwords> = new InjectionToken<IHashwords>('hashwords');

kobvel

import { Component, Inject } from '@angular/core';
import { ApiService } from './api.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {

kobvel

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ApiService } from 'app/api.service';
import { FakeApiService } from './fake-api.service';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [

kobvel

import { Injectable } from '@angular/core';
import { ApiService } from 'app/api.service';

@Injectable()
export class FakeApiService implements ApiService {
  // Using implements to be sure FakeApiService has the same 
  // methods as original ApiService
  constructor() { }

  serviceCall() {

kobvel

import { Component } from '@angular/core';
import { ApiService } from './api.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'app';

kobvel

import { Injectable } from '@angular/core';

@Injectable()
export class ApiService {

  constructor() { }

  serviceCall() {
    console.log('I am api service instance call!');
  }

kobvel

import { ApiService } from 'app/api.service';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [
    { provide: ApiService, useClass: ApiService }
  ],
  bootstrap: [AppComponent]
})

kobvel

import { ApiService } from './api.service';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [
    ApiService
  ],
  bootstrap: [AppComponent]
})