skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

demo(button): display snackbar when button is clicked (#6327)

Browse Source
This commit is contained in:
tinayuangao
2017-09-01 08:09:53 -07:00
committed by Jeremy Elbourn
parent 4353a4c584
commit 0f27e5ab6e
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo-app/a11y/button/button-a11y.html
+3 -3
View File
@@ -39,9 +39,9 @@
<section>
<h2>Buttons in different colors</h2>
<button md-button color="primary">Primary</button>
<button md-button color="accent">Accent</button>
<button md-button color="warn">Warn</button>
<button md-button color="primary" (click)="openSnackBar('Color is primary.')">Primary</button>
<button md-button color="accent" (click)="openSnackBar('Color is accent.')">Accent</button>
<button md-button color="warn" (click)="openSnackBar('Color is warn.')">Warn</button>
</section>
<section>
src/demo-app/a11y/button/button-a11y.ts
+10 -1
View File
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
import {MdSnackBar} from '@angular/material';
@Component({
moduleId: module.id,
@@ -10,7 +10,16 @@ import {Component} from '@angular/core';
export class ButtonAccessibilityDemo {
counter: number = 0;
constructor(public snackBar: MdSnackBar) {}
openSnackBar(message: string) {
this.snackBar.open(message, '', {
duration: 2000,
});
}
increase() {
this.counter++;
this.openSnackBar(`Click counter is set to ${this.counter}`);
}
}