pms documentation
  1. Components
  2. DashboardComponent

File

src/app/Components/dashboard/dashboard.component.ts

Implements

OnInit

Metadata

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

Index

Properties
Methods

Constructor

constructor()
Defined in src/app/Components/dashboard/dashboard.component.ts:9

Methods

ngOnInit
ngOnInit()
Defined in src/app/Components/dashboard/dashboard.component.ts:12
Returns : void

Properties

count
count: []
Type : []
Default value : [1,2,3,4,5,6,7,8,9,10,11,12]
Defined in src/app/Components/dashboard/dashboard.component.ts:9
 
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent implements OnInit {
  count = [1,2,3,4,5,6,7,8,9,10,11,12];
  constructor() { }

  ngOnInit() {
  }

}

<mat-toolbar id="actionBar">
  <span id="actionBarTitle">
      Dashboard
  </span>
</mat-toolbar>
<div style="padding:40px;font-size:30px">
  <div *ngFor="let i of this.count;">
      <div class="row" style="margin-bottom: 3px;">
          <div class="col-sm-2" style="background-color:gainsboro;">&nbsp;</div>
          <div class="col-sm-2" style="background-color:lightgrey;">&nbsp;</div>
          <div class="col-sm-2" style="background-color:gainsboro;">&nbsp;</div>
          <div class="col-sm-2" style="background-color:lightgrey;">&nbsp;</div>
          <div class="col-sm-2" style="background-color:gainsboro;">&nbsp;</div>
          <div class="col-sm-2" style="background-color:lightgrey;">&nbsp;</div>
      </div>
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""