(IMAB) Pages Buat atau sunting laman kamu

  1. Rumah
  2. Laman-laman
  3. Baru

Laman Baru

Halaman yang digunakan untuk aplikasi Anda

Judul halaman yang akan ditampilkan

The unique name of the page, using a-z and 0-9 characters only and recommended maximum 9 characters

Hanyalah ikon tambahan

Parameter yang digunakan untuk halaman dinamis yang memerlukan id, dipisahkan oleh commas dan hanya menggunakan karakter a-z, A-Z, and _

Ketika tombol kembali diklik akan kembali ke halaman?

Tombol yang biasa digunakan untuk menampilkan pilihan

Header adalah daerah tetap di bagian atas layar

Variasi warna dari header

Jenis header yang digunakan

Generated file: src/app/pages/new-page/new-page.page.html

Contoh:
<ion-header>
	<ion-toolbar>Hello World</ion-toolbar>
</ion-header>

Segment adalah kumpulan tombol-tombol yang akan ditampilkan di baris, kolom di bawah ini diperlukan untuk Segment

LabelValue

Hanya menggunakan a-z, 0-9 dan - saja

Anda dapat mengatur warna latar belakang, gambar untuk konten

Variasi warna dari konten

Variasi warna dari konten

Gambar latar belakang konten

Warna latar belakang untuk footer

Jenis footer digunakan

Setel gaya bilah status

Atur warna latar belakang dari bilah status

Konten LamanHTML5

Kode Editor WYSIWYG

Generated file: src/app/pages/new-page/new-page.page.html

Contoh:
<ion-list>
	<ion-item>Hello World</ion-item>
</ion-list>

Press CTRL + Space for Auto-Completion and F11 for Mode Layar penuh


Tambahkan fullscreen atribut untuk ion-content
Cara mudah untuk menambahkan fullscreen untuk ion-content
Tambahkan padding atribut untuk ion-content
Cara mudah untuk menambahkan padding untuk ion-content
Menonaktifkan scroll
Atur ion-content agar tidak dapat digulir

Gaya HalamanSCSS

Ionic Web Component menggunakan Shadow DOM, harap baca disini

Generated file: src/app/pages/new-page/new-page.page.scss

Contoh:
ion-content{
	--background: #dddddd;
}

Press CTRL + Space for Auto-Completion and F11 for Mode Layar penuh

Out Scope TypeScript

This code is outside the class/object, can also be used to create a new class/object/declare

Generated file: src/app/pages/new-page/new-page.page.ts

Contoh:
declare var blaBla:any;

Press CTRL + Space for Auto-Completion and F11 for Mode Layar penuh

 

Constructor TypeScript

Write the code for the constructor function

Generated file: src/app/pages/new-page/new-page.page.ts

Contoh:
this.blaBla();

Press CTRL + Space for Auto-Completion and F11 for Mode Layar penuh

 

Other FunctionsTypeScript

Tulislah kustom functions Anda

Generated file: src/app/pages/new-page/new-page.page.ts

Contoh:
blaBla1(){....}
blaBla2(){....}

Press CTRL + Space for Auto-Completion and F11 for Mode Layar penuh

ModulesAngular/Cordova/Ionic-Native

Generated file: src/app/pages/new-page/new-page.page.ts

# Class Variable Cordova Plugin Path
Component @angular/core
OnInit @angular/core
Router router @angular/router