javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

BGutton click

Browse Source
This commit is contained in:
Max Lynch
2015-06-04 10:47:11 -05:00
parent c74216765c
commit afbb932481
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ionic/components/app/test/sink/pages/button.js
View File

@ -1,4 +1,4 @@
import {NgFor} from 'angular2/angular2'; import {NgFor, NgIf} from 'angular2/angular2';
import {Ancestor} from 'angular2/src/core/annotations_impl/visibility'; import {Ancestor} from 'angular2/src/core/annotations_impl/visibility';
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations'; import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view'; import {View} from 'angular2/src/core/annotations_impl/view';
@ -23,7 +23,7 @@ import {Routable, NavbarTemplate, Navbar, NavController, Button, Content} from '
and those that flow inline), and shapes. and those that flow inline), and shapes.
</p> </p>
<p> <p>
<div> <div (^click)="onButtonClick($event)">
<button primary>Primary</button> <button primary>Primary</button>
<button secondary>Secondary</button> <button secondary>Secondary</button>
<button stable>Stable</button> <button stable>Stable</button>
@ -31,17 +31,30 @@ import {Routable, NavbarTemplate, Navbar, NavController, Button, Content} from '
<button dark>Dark</button> <button dark>Dark</button>
<button danger>Danger</button> <button danger>Danger</button>
</div> </div>
<div *ng-if="clicked">
<b>CLICKED</b>
</div>
</p> </p>
</ion-content> </ion-content>
`, `,
directives: [NavbarTemplate, Navbar, Content, Button] directives: [NavbarTemplate, Navbar, Content, Button, NgIf]
}) })
export class ButtonPage { export class ButtonPage {
constructor(nav: NavController) { constructor(nav: NavController) {
this.nav = nav; this.nav = nav;
window.nav = nav; window.nav = nav;
} }
onButtonClick(event) {
console.log('On button click', event);
clearTimeout(this.clickTimeout);
this.clicked = true;
this.clickTimeout = setTimeout(() => {
this.clicked = false;
}, 500);
}
} }
new Routable(ButtonPage, { new Routable(ButtonPage, {

2
ionic/components/app/test/sink/pages/table-search.js
View File

@ -10,7 +10,7 @@ import {Segment, SegmentButton, SearchBar, List, Item, ActionMenu, Modal, ModalR
console.log(NavbarTemplate, Navbar, Content, formDirectives); console.log(NavbarTemplate, Navbar, Content, formDirectives);
function randomTitle() { function randomTitle() {
var items = ['Pizza', 'Pumpkin', 'Apple', 'Bologna']; var items = ['Pizza', 'Pumpkin', 'Apple', 'Bologna', 'Durian', 'Banana', 'Meat pie'];
return items[Math.floor(Math.random() * items.length)]; return items[Math.floor(Math.random() * items.length)];
} }