File

src/app/bosses/strat/strat.component.ts

Description

Strat selector component

Implements

OnInit

Metadata

selector app-strat
styleUrls strat.component.css
templateUrl ./strat.component.html

Index

Methods
Inputs

Constructor

constructor()

Create a strat selector component

Inputs

boss

Input boss data

Type: Boss

Methods

ngOnInit
ngOnInit()

Todo on init

Returns : void
import { Component, OnInit, Input } from '@angular/core';
import { Boss } from '../../helpers/boss';

/**
 * Strat selector component
 */
@Component({
  selector: 'app-strat',
  templateUrl: './strat.component.html',
  styleUrls: ['./strat.component.css']
})
export class StratComponent implements OnInit {

  /**
   * Input boss data
   */
  @Input() boss: Boss;

  /**
   * Create a strat selector component
   */
  constructor() { }

  /**
   * Todo on init
   */
  ngOnInit() {
  }

}
<div *ngIf='boss'>
  <div [ngSwitch]='boss.shortName' class="my-mecs">
    <div *ngSwitchCase="'vg'">
      <app-strat-vg></app-strat-vg>
    </div>
    <div *ngSwitchCase="'gorse'">
      <app-strat-gorse></app-strat-gorse>
    </div>
    <div *ngSwitchCase="'sab'">
      <app-strat-sab></app-strat-sab>
    </div>
    <div *ngSwitchCase="'sloth'">
      <app-strat-sloth></app-strat-sloth>
    </div>
    <div *ngSwitchCase="'matt'">
      <app-strat-mat></app-strat-mat>
    </div>
    <div *ngSwitchCase="'kc'">
      <app-strat-kc></app-strat-kc>
    </div>
    <div *ngSwitchCase="'xera'">
      <app-strat-xera></app-strat-xera>
    </div>
    <div *ngSwitchCase="'cairn'">
      <app-strat-cairn></app-strat-cairn>
    </div>
    <div *ngSwitchCase="'mo'">
      <app-strat-mo></app-strat-mo>
    </div>
    <div *ngSwitchCase="'sam'">
      <app-strat-sam></app-strat-sam>
    </div>
    <div *ngSwitchCase="'dei'">
      <app-strat-dei></app-strat-dei>
    </div>
    <div *ngSwitchCase="'desmina'">
      <app-strat-ss></app-strat-ss>
    </div>
    <div *ngSwitchCase="'river'">
      <app-strat-river></app-strat-river>
    </div>
    <div *ngSwitchCase="'brking'">
      <app-strat-king></app-strat-king>
    </div>
    <div *ngSwitchCase="'sleater'">
      <app-strat-eater></app-strat-eater>
    </div>
    <div *ngSwitchCase="'dhuum'">
      <app-strat-dhuum></app-strat-dhuum>
    </div>
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""