Selasa, 18 September 2018

Membuat page baru menggunakan ionic

ionic g page kondisi_disabilitas (Terminal)

Masuk ke folder src terus app.modul.ts
import { KondisiDisabilitasPage } from '../pages/kondisi-disabilitas/kondisi-disabilitas';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    ProvincePage,
    Surveystep1Page,
    KotaPage,
    SignupPage,
    SigninPage,
    LogoutPage,
    LokasiPage,
    KondisiDisabilitasPage

entryComponents: [
    MyApp,
    HomePage,
    ProvincePage,
    Surveystep1Page,
    KotaPage,
    SignupPage,
    SigninPage,
    LogoutPage,
    LokasiPage,
    KondisiDisabilitasPage
  ],


Masuk ke folder src terus app.component.ts
import { KondisiDisabilitasPage } from '../pages/kondisi-disabilitas/kondisi-disabilitas';

Masuk folder page-kondisi-disabilitas.ts 
 templateUrl: 'kondisi-disabilitas.html',

Masuk folder page-kondisi-disabilitas.html
<ion-card>
    <ion-list>
      <ion-item>
        <ion-label floating>A. Penglihatan</ion-label>
        <ion-select [(ngModel)]="LK09">
          <ion-option value="B">1. TIDAK</ion-option>
          <ion-option value="W">2. SEDIKIT/SEDANG</ion-option>
          <ion-option value="Y">3. PARAH</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
</ion-card>

buat contoh buka folder lokasi pilih lokasi.html
<ion-card>
    <ion-list>
      <ion-item>
        <ion-label floating>Telepon/HP</ion-label>
        <ion-select [(ngModel)]="LK09">
          <ion-option value="B">B. Handphone</ion-option>
          <ion-option value="W">W. TIDAK BERLAKU</ion-option>
          <ion-option value="Y">Y. TIDAK TAHU</ion-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-input [(ngModel)]="LK09A" name="LK09A" type="text" value=""></ion-input>
      </ion-item>
      <ion-item>
          <ion-label >Nama</ion-label>
          <ion-input [(ngModel)]="LK09B" name="LK09B" type="text" value=""></ion-input>
        </ion-item>
    </ion-list>
  </ion-card>

0 komentar:

Posting Komentar

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com