2017年3月24日 星期五

Ionic 2之數據綁定{{data}}

利用數據綁定實作一個念佛機
1.home.html
<ion-header>
    <ion-navbar>
        <ion-title style="font-family:微軟正黑體">阿彌陀佛</ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-card>
        <ion-card-header>
            計數
        </ion-card-header>
        <ion-card-content style="height:54px; font-size:36px">
            {{countValue}}
        </ion-card-content>
    </ion-card>

Ionic2與Sqlite plugin之使用

1.原文可以參考:http://ionicframework.com/docs/v2/storage/
2.建立Ionic2專案 > ionic start ionDemo --v2 blank
3.cd ionDemo
4.cordova plugin add cordova-sqlite-storage --save
5.npm install --save @ionic/storage
6.修改 src/app/app.module.ts 並加入 import敘述如下:
  import { IonicStorageModule } from '@ionic/storage';
  並增加:

  imports: [
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()
  ],

2017年3月7日 星期二

Ionic 2之Label、Input及Alert元件及ngModel資料綁定

第一版的ngModel資料綁定
1.模擬一個帳號登入的介面,使用ion-label及ion-input及使用ngModel截獲表單元件的輸入值
2.先看看home.html的網頁內容。

<ion-header>
  <ion-navbar>
    <ion-title>Ionic 2</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h2>Welcome to Ionic!</h2>
  <ion-item>
    <ion-label>請輸入您的帳號</ion-label>
    <ion-input type="text" [(ngModel)]="getName"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>請輸入您的密碼</ion-label>
    <ion-input type="password" [(ngModel)]="getPass"></ion-input>
  </ion-item>
  <ion-item>
    <button ion-button (click)="sendInfo()" block>資料送出</button>
  </ion-item>
</ion-content>

2017年3月5日 星期日

Ionic 2 簡易按鈕事件

1.利用 ionic start iodemo --v2產生專案 iodemo
2.cd iodemo
3.code . 直接使用 VS Code 開啟專案
4.編輯 home.html 如下(主要加入按鈕元件):

<ion-header>
    <ion-navbar>
        <ion-title style="font-family:微軟正黑體">這裡是頁首</ion-title>
    </ion-navbar>
</ion-header>


<ion-content padding>
    <h2>Welcome to Ionic!</h2>
    <button ion-button (click)="pleaseClick()" block>Click it</button>
</ion-content>


2017年2月9日 星期四

Ionic2執行於Android模擬器Application Error之解法

1.安裝ionic > npm install -g cordova ionic
2.新建並啟動專案 > ionic start --v2 ioapp1 tabs
3.執行App > cd ioapp1 > ionic serve (直接執行在Browser)
4.新增Android平台模擬器 > ionic platform add android
5.Android模擬器執行 > ionic run android


但問題是執行Android模擬器會出現:

Application Error :The connection to the server was unsuccessful 

2017年1月11日 星期三

Visual Studio Code 開發 TypeScript小記

1.開啟 Visual studio code
2.建立專案資料夾 [HelloWorld]
3.HelloWorld資料夾下建立tsconfig.json的編譯設定檔
內容大概如下:
{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}
4.準備一個Hello.ts檔案,內容:
let a: number = 20;
let b: number = 30;
let c = a + b;
console.log(c);
5.Ctrl+Shift+P > Tasks: Configure Task Runner >
  TypeScript-tsconfig.json 編譯TypeScript專案
  接續自動產生tasks.json檔案
6.快速鍵Ctrl+Shift+B進行編譯,將typescript
   轉譯成javascript檔案 > Hello.js
7.快速鍵Ctrl+` 切換至整合式終端機
8.執行 tsc Hello.js 即見結果

淨土大師念佛法語

民國.印光聖量大師
攝心念佛,為決定不易之道,而攝心之法,唯反聞最為第一。
念佛勿用觀心念法,當用攝心念法。楞嚴經大勢至菩薩說:「都攝六根,淨念相繼,得三摩地,斯為第一。」念佛時,心中要念得清清楚楚,口中要念得清清楚楚,耳中要聽得清清楚楚,意舌耳三根,一一攝於佛號,則眼也不會東張西望,鼻也不會嗅別種氣味,身也不會懶惰懈怠,名為都攝六根。都攝六根而念,雖不能全無妄念,較彼不攝者心中清淨多矣,故名淨念。淨念若能常常相繼,無有間斷,自可心歸一處,淺之則得一心,深之則得三昧。能真都攝六根而念,決定業障消除,善根增長,不須觀心,而心自清淨明了,又何致心火上炎之病乎?觀心乃教家修觀之法,念佛之人,不甚合機。都攝六根,淨念相繼,乃普被上中下若聖若凡一切機之無上妙法也。須知都攝注重在聽,即心中默念也要聽,以心中起念即有聲相,自己耳聽自己心中之聲,仍是明明了了,果能字字句句聽得清楚,則六根通歸於一,較彼修別種觀法,為最穩當、

Ionic 2之數據綁定{{data}}

利用數據綁定實作一個念佛機 1.home.html < ion-header >     < ion-navbar >         < ion-title   style = "font-family:微軟正黑體&quo...