HTML5手機APP開發入 3

2022-02-18 09:54:29 字數 1032 閱讀 2133

按照angularjs mvc框架進行**重構,新建乙個dataservice服務類使用sqlite外掛程式實現儲存對通訊錄的本地儲存。

涉及的知識點:

angular2 injectable的使用熟成的模組依賴注入

引用類庫

引用sqlite外掛程式和 storage,sqlstorage模組

新建乙個modules目錄,新建乙個contact.ts,定義一下欄位的型別

引用類或plugin pack

import from 'ionic-angular';

import from '../modules/contact';

關鍵字@injectable()

表示可以依賴注入的

注入自定義服務類

引用類庫

import from '../modules/contact';

import from '../services/dataservice';

注入服務

ok 完成

下次講如何開發自定義元件(component),實現模組化開發

HTML5手機APP開發入 4

完成乙個自定義的component用來展現通訊錄使用者的明細資訊如下圖 涉及的知識點 component的定義,輸入 輸出 html 從 複製過來 使用關鍵字component,selector對應html tag,angular2 定義乙個component比angular 1要簡單的多 修改 d...

html5手機瀏覽器

html5特性 特性2 地理位置服務 通過向瀏覽器請求,獲取gps wifi熱點等方式定位使用者當前地理位置。特性3 離線運用 使web程式也能像客戶端程式般在無網路情況下執行部分功能。html5新特性中其實還有很多比如語義化標籤 新表單元素 communication api web worker...

HTML5手機開發 滾動和慣性緩動

1.滾動 以下是三種實現方式 1 利用原生的css屬性 overflow scroll div id parent style overflow scroll divid content 內容區域 div div notice 在android 有bug,滾動完後會回退到最頂端的內容區域,解決辦法是...