Membuat Event Click Sederhana di Angular 2

Angular2

Cara membuat event click sederhana di angular 2 sangatlah gampang, berikut contoh sederhana dengan hasil output seperti di bawah ini. Setiap button diklik maka jumlah bilangan bertambah.

//app.ts di folder app

import { Component } from 'angular2/core';

@Component({
    selector: '.wrapper',
    templateUrl: `app/templates/example.html`
})

export class AppComponent {
  times = 0;
  klik(event){
    console.log(event.target);
    this.times++;
  }
}

//example.html di folder app/templates

<button (click)="klik($event)">Klik {{times}}x</button>

//index.html, melihat javaScript yang dipakai

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>

<script src="node_modules/systemjs/dist/system.src.js"></script>

<script src="node_modules/rxjs/bundles/Rx.js"></script>

<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Share this

Share on FacebookPlus on Google+