×

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:46 AM
Views: 2
Tags: no tags
  1. import { Component } from '@angular/core';
  2.  
  3. @Component({
  4.         selector: 'my-tuts',
  5.         template:`<h2>{{title}}</h2>
  6.                         <p [ngClass]="{classOne:cone,classtwo:ctwo}">ngClass paragraph</p>
  7.                         <button (click)="toggle()">Toggle</button>
  8.                         <p [ngStyle]="{'font-style':style,'font-size':size}">ngStyle Paragraph</p>`,
  9.         styles: [`.classOne{color:white}
  10.                   .classtwo{bg-color:black}`]                  
  11.                
  12. })
  13. export class TutsComponent{
  14.         public title="mytitle";
  15.         public cone=true;
  16.         public ctwo=true;
  17.         public style='italic';
  18.         public size='30px';
  19.        
  20.         toggle(){
  21.           this.cone=!this.cone;
  22.           this.ctwo=!this.ctwo;
  23.         }
  24.        
  25. }