爆炒田雞的做法

在使用 Ionic 之前要安裝 Nodejs,Cordova 。

Java

下載下傳Java 網站。Java 預設安裝在

C:\Program Files\Java 檔案目錄。

Android

下載下傳Android Studio并浏覽安裝程式并設定IDE。找到Android SDK的安裝位置;

我們将運作

tools/android

打開了Android SDK管理器。我們要安裝：

适用于您指定Android版本的Android平台SDK
Android平台工具
Android SDK build-tools版本19.1.0或更高版本
Android支援存儲庫（位于“Extras”下）接受許可證并讓軟體包安裝。

環境變量

現在所有的安裝，我們需要為我們的指令行設定一些環境變量。從開始菜單中，搜尋“系統環境變量”。從這裡，我們将更新使用者的變量

PATH

，并建立了一個新變量

JAVA_HOME，ANDROID_HOME

JAVA_HOME: 安裝Java的路徑。
ANDROID_HOME : Android SDK 安裝的路徑
PATH : 兩個條目，一個用于為Android SDK安裝工具，另一個用于平台工具PlatFormTools，我們應該能夠運作

Windows通用應用程式

要為Windows Universal建構應用程式，請下載下傳并安裝Visual Studio 2015社群版。在安裝過程中，選擇“跨平台開發工具”以及Windows通用應用程式的SDK。

安裝一切後，您就可以使用此指令從指令行添加Windows平台：

ionic platform add windows

預設情況下，

build

指令将産生兩個包：是Windows 8.1和Windows Phone 8.1，Ionic不支援。要将Windows軟體包更新到版本10，必須将以下配置設定添加到配置檔案（config.xml）。

<preference name="windows-target-version" value="10.0" />

Ionic 簡單的形式，綁定和傳遞對象在我們的類中

<ion-list>

        <ion-item>
            <ion-label fixed>登入名稱</ion-label>
            <ion-input [(ngModel)]="Udata.txtusername" clearInput type="text"></ion-input>
        </ion-item>
        <ion-item>
            <ion-label fixed>登入密碼</ion-label>
            <ion-input [(ngModel)]="Udata.txtpassword" type="password"></ion-input>
        </ion-item>
    </ion-list>

    <div padding>
        <button ion-button color="primary" block (click)="Login()">登入</button>
    </div>

Ionic 簡單操作

mport { ListPage } from '../list/list';
import { NavController } from 'ionic-angular';
import { AlertController } from 'ionic-angular';
import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})

export class HelloIonicPage {
  constructor(public alerCtrl: AlertController, public navbar: NavController) {
  }
  //使用者登入
  Udata = {
    txtusername: '', // 登入使用者名稱
    txtpassword: '' // 使用者密碼
  };

  //登入
  Login() {
    let conMy = this.alerCtrl.create({
      title: 'dkdkdkd',
      message: this.Udata.txtusername
    });
    conMy.present();
    //跳轉到首頁面
     this.navbar.push(ListPage);
          
  }