iT邦幫忙

DAY 6
1

開發 Mobile 手機的新一代霸主-ionic framework系列 第 6

ionic 中的JavaScript

  • 分享至 

  • xImage
  •  

ionic 中的JavaScript 簡單的說就是 AngularJS + JavaScript。所以在學習ionic 的 JavaScript 必須要對 AngularJS 有部份的了解,所以在這個部份應該會是在學習ionic 中算是比較難的部份。

網址: http://ionicframework.com/docs/api/

以下是目前有提供的幾種JavaScript API

接下來介紹幾個API的使用方式,其它就要請大家自行參考官方的API 文件方式來開發

以下先以ion-refresher為例,大部份在ionic的官網都有提供API的使用方式

這是 API 的SDK 說明

接下來直接用簡單的範例來說明

打開 tab-dash.html ,加上 ion-refresher

on-refresh= doRefresh(),所以在controller中要實作pull refresh的功能,記得要call

$scope.$broadcast(‘scroll.refreshComplete’) 才能讓通知refresh完成

在command 下輸入 ionic serve,打開browser測試的結果畫面如下

以上是 ion-refresher 簡單的介紹


上一篇
ionic 中的 CSS components
下一篇
當ionic遇上AngularJS
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言