opt-cc/static/src/app/army/army.component.ts

import {Component} from "@angular/core";
import {Army} from "../models/model-interfaces";
import {ArmyService} from "../services/army-service/army.service";


@Component({
  selector: 'army',
  templateUrl: './army.component.html',
  styleUrls: ['./army.component.css']
})
export class ArmyComponent {

  army: Army = {NATO: {squads: [], memberCount: 0}, CSAT: {squads: [], memberCount: 0}};

  constructor(private armyService: ArmyService) {
  }

  ngOnInit() {
    this.armyService.getArmy()
      .subscribe(army => {
        this.army = army;
      });
  };
}