A simple appcomponent that print the network on which you are connected

simple-appcomponent-web3.ts

import { Component, OnInit, Inject } from '@angular/core';
import { WEB3 } from './web3';
import Web3 from 'web3';

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

  constructor(@Inject(WEB3) private web3: Web3) {}

  ngOnInit() {
    this.web3.eth.net.getId()
        .then(id => console.log(`You are connected on ${this.getNet(id)}`));
  }

  private getNet(id: number): string {
    const networks = {
      1: 'mainnet',
      3: 'ropsten',
      4: 'rinkeby',
      42: 'koven'
    };
    return networks[id];
  }
}