มีลิสส์สองอัน
- ลิสส์อันแรก กำหนดค่าที่ template เลย
- ลิสส์อันที่สอง กำหนดค่าที่ code
Monthly Archives: July 2018
ionic3: วาดกราฟด้วย Chart.js
- สร้างโปรเจ็กส์
- Install Angular 2 Charts and Charts.js
- Show Line Charts
- Create Bar Charts
- Create Doughnut Chart
ติดตั้ง macOS High Sierra 10.13.4 บน VirtualBox
ขั้นตอนการติดตั้ง macOS High Sierra 10.13.4 บน VirtualBox
- Create New Virtual Machine
- Edit Your Virtual Machine
- Add Code to VirtualBox with Command Prompt (cmd)
- ติดตั้ง macOS High Sierra
- Fix macOS High Sierra Screen Resolution on VirtualBox
ดาว์นโหลด macOS High Sierra 10.13.4 (One Full)
ตัวแปร object
src/pages/home/home.ts
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { constructor(public navCtrl: NavController) { let myData = { "Distance": 10, "lat": 12, "lng": 20 } console.log("myData " + myData); console.log(" Distance " + myData.Distance); console.log(" lat " + myData.lat); console.log(" lng " + myData.lng); } } |
บรรทัดที่ 12-16: กำหนดค่าให้ตัวแปร myData
บรรทัดที่ 18: จะไม่เห็นค่า เห็นเป็น [object Object]
บรรทัดที่ 19-21: จะเห็นค่าที่ต้องการ
Google Maps & Geolocation
สร้างโปรเจ็กส์ใหม่
[code]
ionic start geolocation blank
[/code]
[code]
cd geolocation
ionic serve
[/code]
ติดตั้ง plugin
[code]
$ ionic cordova plugin add cordova-plugin-geolocation
$ npm install –save @ionic-native/geolocation
[/code]
Link
ionic3: Slides
หน้า Slide มีทั้งหมด 4 หน้า โดย 3 หน้าแรก มีปุ่ม SKIP แต่หน้าที่ 4 ไม่มีปุ่ม SKIP
