python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
angular 2 toggle button example

Angular 2 toggle button | Angular 2 toggle button

Hello everyone, I am going  to share the code sample for angular 2 toggle button.

<button (click)="toggle()">Toggle Button</button>

//The Example for Angular2 Toggle as given below!
//Import root component.
import {Component, View, CORE_DIRECTIVES} from 'angular2/angular2'

  selector: 'toggle-app',
  bindings: []

//View template.
  template: `
           <button (click)="toggle()">Toggle Button</button>
      <div class="border">
        <div *ng-if="isActive">
                 <h1>Hello Angular 2, Toggle Button.</h1>
     <p>Status(isActive): {{isActive}}</p>
  directives: [CORE_DIRECTIVES]

//Toggle class App for active and hide div.
export class App {
     isActive: bool = true;

     toggle() {
        this.isActive = !this.isActive;

Example - live demo as given below.


Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions