Cordova Yardımı Lazım

Tahribat.com Forumları
line

Mobil Programlama
line

Cordova Yardımı Lazım

21/Oca/18 03:24

Kısayol

Şikayet

Özel Mesaj

uzengil

Kayıt Tarihi: 10/Ağustos/2011

<ion-header>
  <ion-navbar>
    <ion-title>
      Searchbars
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item *ngFor="let item of items">
      {{ item }}
    </ion-item>
  </ion-list>
</ion-content>

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
items;

  constructor(public navCtrl: NavController) {
  

  }
  initializeItems() {
    this.items = [
      'Amsterdam',
      'Bogota',
     
    ];
  }

  getItems(ev) {
    // Reset items back to all of the items
    this.initializeItems();

    // set val to the value of the ev target
    var val = ev.target.value;

    // if the value is an empty string don't filter the items
    if (val && val.trim() != '') {
      this.items = this.items.filter((item) => {
        return (item.toLowerCase().indexOf(val.toLowerCase()) > -1);
      })
    }
  }

}

Amacım arama yaptıktan sonra çıkan sonuca tıklayıp yeni sayfa açılması fakat ne yaptıysam da tıklanılabilir birşey gibi gösteremedim.

Kısaca Amsterdam'a tıkladığım zaman yeni sayfa açılması yardımcı olabilir misiniz ?

İmza nasıl atılıyor ?

Alıntı yap

21/Oca/18 12:45 Kısayol Şikayet Özel Mesaj

ShockMan

Kayıt Tarihi: 29/Eylül/2004

Ben anlamam ama bir Upping gelir elimden.

Net ortamı, tek tük de olsa iyi dostluklar sağlamışsa bile, vefasızlığı ile ünlüdür..!

Alıntı yap
21/Oca/18 14:12 Kısayol Şikayet Özel Mesaj
override

Kayıt Tarihi: 15/Aralık/2009
1.detail sayfasini terminalden aciyoruz.

$ ionic generate page detail

2. src/app/app.component.ts dosyasina componenti ekliyoruz.

import { DetailPage } from '../pages/detail/detail'

3. src/app/app.module.ts modulu ekliyor ve tanimlatiyoruz.

import { DetailPage } from '../pages/detail/detail'

@NgModule({
declarations: [
DetailPage
], entryComponents: [
DetailPage
],

4. Liste.ts detail sayfasina baglanti yapmak icin import ediyoruz.

import { DetailPage } from '../detail/detail'

5. Liste.ts click oldugunda calisacak kodu ekliyoruz.

// amsterdam'a tikladiginda.
itemTapped(event, item) {
this.navCtrl.push(DetailPage, {
item: item
});
}

6. Liste.html click func ekliyoruz.
```
<ion-content>
  <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item *ngFor="let item of items"(click)="itemTapped($event, item)">
      {{ item }}
    </ion-item>
  </ion-list>
</ion-content>
```
g͇̫͛͆̾ͫ̑͆l͖͉̗̩̳̟̍ͫͥͨ
Alıntı yap

Toplam Hit: 1521 Toplam Mesaj: 3
cordova ionic mobileapp

Cevapla