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

IonicComponent not required for views

Browse Source
This commit is contained in:
Adam Bradley
2015-07-08 22:31:05 -05:00
parent 40fc77b0b6
commit 5681c57017
36 changed files with 140 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ionic/components/app/test/sink/pages/table-search.ts
View File

@ -1,9 +1,7 @@
import {NgFor, Injector} from 'angular2/angular2';
import {Component, Directive, View} from 'angular2/angular2';
import {Component} from 'angular2/angular2';
import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/forms';
import {Segment, SegmentButton, SearchBar, List, Item, ActionMenu, Modal, ModalRef,
NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic';
import {IonicView} from 'ionic/ionic';
function randomTitle() {
@ -15,7 +13,7 @@ function randomTitle() {
selector: 'ion-view',
appInjector: [FormBuilder]
})
@View({
@IonicView({
template: `
<ion-navbar *navbar><ion-title>Table Search</ion-title></ion-navbar>
@ -26,14 +24,13 @@ function randomTitle() {
<ion-list #list>
<ion-item *ng-for="#item of getItems()"><!--items | search:form.controls.searchControl.value">-->
<ion-item *ng-for="#item of getItems()"><!--items | search:form.controls.searchControl.value-->
{{item.title}}
</ion-item>
</ion-list>
</form>
</ion-content>
`,
directives: [formDirectives].concat([Content, NavbarTemplate, Navbar, List, Item, SearchBar, NgFor])
`
})
export class TableSearchPage {
constructor(formBuilder: FormBuilder) {
@ -43,16 +40,16 @@ export class TableSearchPage {
searchQuery: ['', Validators.required]
});
this.query = 'HELLO';
this.items = []
this.items = [];
for(let i = 0; i < 100; i++) {
this.items.push({
title: randomTitle()
})
}
}
getItems() {
var q = this.form.controls.searchQuery.value;
if(q.trim() == '') {