title: Can't inject component into component via constructor?
body: <p>I am trying to call private login: <code>LoginComponent</code>, however, my website wont load when I add private login: <code>LoginComponent</code>. My website load and runs fine before I add Login to the Constructor.  What am I doing wrong? Can I not call private login: <code>LoginComponent</code>? I have attached class <code>LoginComponent</code> below.</p>
  
  <pre><code>import { Component, OnInit, ViewChild } from '@angular/core'
  import { Router } from '@angular/router'
  import * as Rx from "rxjs"
  import { environment } from "../../../environments/environment"
  import {LoginComponent} from "app/components/login/login.component"
  import { AuthService } from "../../services/auth/auth.service"
  import { LoginService } from "../../services/login/login.service"
  import { SageApiService } from "../../services/sage-api/sage-api.service"
  import { DataModel } from "../../model/data-model"
  // wvj contract
  
  @Component({
      selector: 'app-contract-form',
      templateUrl: './contract-form.component.html',
      styleUrls: ['./contract-form.component.css']
  })
  export class ContractFormComponent implements OnInit {
  
      @ViewChild('staticModal') staticModal;
  
      dataModel: DataModel = new DataModel()
  
      constructor(
          private router: Router,
          private authService: AuthService,
          private loginService: LoginService,
          private sageApi: SageApiService,
          private login: LoginComponent
      ) { }
  }
  </code></pre>
  
  <p>I am trying to call this class:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {Router} from "@angular/router";
  import { LoginService } from "../../services/login/login.service";
  import { AuthService } from "../../services/auth/auth.service"
  
  @Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
  })
  export class LoginComponent implements OnInit {
  
      error: string = "";
      username: string = "";
      password: string = "";
      isLoading: boolean = false;
      constructor(
          private loginService: LoginService,
          private authService: AuthService,
          private router: Router
      ) { }
  }
  </code></pre>