fix(button): add the focus() method to buttons. (#643)

Fixes #510.
This commit is contained in:
Hans
2016-06-06 16:31:53 -07:00
committed by Jeremy Elbourn
parent a68597ef1c
commit a6e74ce91f
2 changed files with 11 additions and 3 deletions
+5
View File
@@ -80,6 +80,11 @@ export class MdButton {
removeKeyboardFocus() {
this.isKeyboardFocused = false;
}
/** TODO(hansl): e2e test this function. */
focus() {
this.elementRef.nativeElement.focus();
}
}
@Component({
+6 -3
View File
@@ -63,11 +63,14 @@
<div>
<p>isDisabled: {{isDisabled}}, clickCounter: <span id="clickCounter">{{clickCounter}}</span></p>
<button md-raised-button (click)="isDisabled=!isDisabled" id="disableToggle">Disable buttons</button>
<button md-raised-button (click)="button1.focus()" id="disableToggle">Focus 1</button>
<button md-raised-button (click)="button2.focus()" id="disableToggle">Focus 2</button>
<button md-raised-button (click)="button3.focus()" id="disableToggle">Focus 3</button>
</div>
<button md-button [disabled]="isDisabled" (click)="clickCounter=clickCounter+1" id="testButton">off</button>
<button md-button #button1 [disabled]="isDisabled" (click)="clickCounter=clickCounter+1" id="testButton">off</button>
<button md-button color="primary" [disabled]="isDisabled">off</button>
<a href="http://www.google.com" md-button color="accent" [disabled]="isDisabled">off</a>
<button md-raised-button color="primary" [disabled]="isDisabled">off</button>
<a href="http://www.google.com" #button2 md-button color="accent" [disabled]="isDisabled">off</a>
<button md-raised-button #button3 color="primary" [disabled]="isDisabled">off</button>
<button md-mini-fab [disabled]="isDisabled">
<md-icon class="md-24">check</md-icon>
</button>