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

feat(search-bar): added search-bar in toolbar for testing

Browse Source 
references #247
This commit is contained in:
Brandy Carney
2015-11-02 17:55:22 -05:00
parent 7fba34d72e
commit b64bf9dd1d
3 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
ionic/components/search-bar/test/toolbar/e2e.ts Normal file
View File

15
ionic/components/search-bar/test/toolbar/index.ts Normal file
View File

@ -0,0 +1,15 @@
import {App, NavController} from 'ionic/ionic';
import {Page, Config, IonicApp} from 'ionic/ionic';
import {NavParams, NavController, ViewController} from 'ionic/ionic';
import {SearchPipe} from 'ionic/components/search-bar/search-bar';
@App({
templateUrl: 'main.html'
})
class IonicApp {
toolbarSearch: string;
constructor() {
}
}

21
ionic/components/search-bar/test/toolbar/main.html Normal file
View File

@ -0,0 +1,21 @@
<ion-navbar *navbar>
<ion-title>Test</ion-title>
</ion-navbar>
<ion-content>
<h5 padding-left padding-top> Search - Default Toolbar </h5>
<ion-toolbar>
<ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
</ion-toolbar>
<h5 padding-left padding-top> Search - Primary Toolbar </h5>
<ion-toolbar primary>
<ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
</ion-toolbar>
<h5 padding-left padding-top> Search - Danger Toolbar </h5>
<ion-toolbar danger>
<ion-search-bar [(ng-model)]="toolbarSearch" show-cancel="true"></ion-search-bar>
</ion-toolbar>
</ion-content>