Tag Archives: Mobile Development

Ionic Icon front Free – 免費的 Ionic Icon font ionicons.com

今天為自己寫了一個筆記..
方便自己在開發用Ionic Framework寫的 Mobile Applications
時加 icon / button icon

像我這一類的沒有藝術感/美感的 developer..
找到些Bootstrap / icon / graphic pack 或容易用的framework來解決手機程式介面設計十分重要
很多時候我的程式開發停滯完成不了..主要是因為想不到怎樣完成UI/UX

今天和大家介紹的這個一網頁..他有很多的Icon Font
Ionicons
http://ionicons.com/
Ionicons.com

當大家開始寫Ionic時..這些Icon font已經包含在你的Project上
但是怎樣知道怎樣可以apply 這些Icon font

使用方法十分簡單
我們只需要在 HTML/Ionic tag上加上相對的CSS Class 便可以
E.G.
如果我想在我程式上的 Button 加上一個 volume的 icon 我可以 用以下的Mark up

  <button class="button button-balanced icon ion-volume-high"></button>

怎樣知道那個Icon Font的CSS Class是什麼?
http://ionicons.com/
當大家進入了網頁之後..
只需要選擇想使用的Icon之後他便會顯示相對的CSS Class 名稱..
Font Icon for Ionic Framework Application

Hope you find it useful

Ionic Uncaught ReferenceError: $rootScope is not defined

今天在ionic application 上需要使用到 $rootScope
當我執行這個app時出現了以下的錯誤信息

Uncaught ReferenceError: $rootScope is not defined
解決方法十分簡單
我們只需要在 function上加上 $rootScope 這個dependency 便可以了

E.G.

.run(function ($ionicPlatform, <strong> $rootScope</strong>) {
    $rootScope.$on("", function(){});
  
  }

Hope you find it useful

Ionic Error: EXDEV, cross-device link not permitted

今天當我嘗試在我的 Ionic Framework Project 安裝 cordova plugin 時出現了以下的錯誤信息..

<code class="language-text" data-lang="text"><a href="https://github.com/phonegap-build/PushPlugin.git" target="_blank">cordova plugin add https://github.com/phonegap-build/PushPlugin.git</a></code>

Error: EXDEV, cross-device link not permitted
Ionic Error: EXDEV, cross-device link not permitted
做了一會research 之後發現..
應該是 電腦上安裝了的 Corodova 版本有問題..
所以只需要 安裝舊一些的版本便可以解決這個問題

解決方法
command prompt 上執行以下指令去安裝 指定版本的 cordova

npm install -g cordova@5.0.0

npm install -g cordova@ version
安裝完了再次嘗試安裝 這個cordova plugin..
e.g. Ionic / Cordova Push Notification plugin

cordova plugin add https://github.com/phonegap-build/PushPlugin.git

Able to install Cordova plugin

成功安裝

Hope you find it useful