×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: Nilesh Yadav
Added: Jun 14, 2017 7:33 AM
Views: 3
Tags: no tags
  1. import { Component } from '@angular/core';
  2.  
  3. @Component({
  4.         selector: 'my-tuts',
  5.         template:`<h2>{{title}}</h2>
  6.                                 <p *ngIf="showElement">Show Element</p>
  7.                                 <div [ngSwitch]="color">
  8.                                 <p *ngSwitchWhen="'red'">Red color</p>
  9.                                 <p *ngSwitchWhen="'blue'">blue color</p>
  10.                                 <p *ngSwitchDefault>Invalid color</p>
  11.                                 </div>
  12.                                 <ul>
  13.                                         <li *ngFor="let color of colors">{{color}}</li>
  14.                                 <ul>`,
  15.                
  16. })
  17. export class TutsComponent{
  18.         public title="mytitle";
  19.         public showElement=true;
  20.         public color = 'red';
  21.  
  22.         public colors=['red','blue','green'];
  23.        
  24. }