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; console.log(army) }); }; }