原创 ionic2實現通訊錄,聯繫人搜索功能

contact.html文件內容: <ion-header> <ion-toolbar > <ion-searchbar (ionInput)="getItems($event)" placeholder="姓名首字母組合、數

原创 TypeScript 錯誤“property does not exist on value of type”

在用TypeScript寫angular2或者ionic2項目時,導入原來JavaScript代碼,有時出現“property does not exist on value of type”問題 即該對象找不到此屬性,原因是ts是靜態語

原创 ionic2 修改返回鍵顏色文字

在app.module.ts文件中修改返回鍵內容: imports: [ IonicModule.forRoot(MyApp,{ backButtonText: '', }), JsonpModul

原创 ionic ionic2進入App前判斷是否登錄,進入頁面之前作判斷,實現未登錄跳轉

App開發,肯定會遇到需要判斷是否登錄,未登錄即跳轉到登錄頁的問題,其實在ionic1中很容易解決: $scope.$on("$ionicView.beforeEnter", isLogin($state)); 1.實現進入App之

原创 ionic2 tabs使用 Modal底部tab彈出框

項目要實現一個功能,在首頁底部中間的tab彈出一個頁面,而且是沒有底部欄的,而不是像平常滑動的一個子頁面。 像這樣: 做法其實很簡單 1.修改tabs.html中的tab,去掉[root]="tab2root"屬性,就不會顯示子頁面了

原创 微信小程序,無雙向數據綁定

小程序中,其實沒有雙向數據綁定的 初始化數據: 初始化數據將作爲頁面的第一次渲染。data 將會以 JSON 的形式由邏輯層傳至渲染層,所以其數據必須是可以轉成 JSON 的格式:字符串,數字,布爾值,對象,數組。 <view>{{te

原创 ionic2 隱藏滾動條

在全局scss文件 app.scss文件中添加 ::-webkit-scrollbar { display: none !important; } 即可取消滾動條啦

原创 ionic 項目框架app.js controller.js service.js簡析

這裏,我們只解釋下前端開發常用的www目錄底下,js包內的文件: 1.app.js這個是我們的App邏輯主頁 主module starter在這裏定義,同事注入依賴ionic和其他兩個文件的module:['ionic', 'start

原创 ionic2 svg格式icon不顯示,報錯: Refused to load the image 'data:image/svg

解決方法: 在index.html文件中的CSP meta信息修改,增加 img-src 'self' data: * 即更改爲: <meta http-equiv="Content-Security-Policy" content=

原创 ionic2教程

找到一個牛人寫的ionic2教程,入門的話可以看看,畢竟中文的。感謝原作者 Ionic2-zyy技術博客 http://www.zyyapp.com/category-33.html 點贊 收藏 分享

原创 cmd執行ionic serve命令,問題錯誤:npm ERR! Windows_NT

裝好ionic2之後,你興高采烈地準備大展身手,開啓一片新天地,於是乎cmd執行 ionic serve, 結果,遇到問題了: Error: listen EADDRINUSE 0.0.0.0:53703     at Object.ex

原创 ionic cordova實現獲取顯示手機通訊錄

應用內經常會遇到顯示通訊錄的需求,混合開發hybrid App實現可以用ionic+condorva來實現。 話不多說,先看看效果: 再來說說方法步驟: 添加cordova contacts插件 cordova plugin add

原创 ionic 通過url頁面間傳遞數據

有時候需要把本頁的數據傳遞到下一頁,最簡單的方式是通過url傳值: 例如我們要從setting.html傳遞settingId到changeSetting.html,步驟如下: 在源頁面controller中寫入數據,還是使用$stat

原创 ionic2 url不安全問題 caused by: unsafe value used in a resource URL context

ionic2 中,img,iframe的src,a的href,有需要引入外部url的資源鏈接,但是,變量直接賦值url的話,會報錯: caused by: unsafe value used in a resource URL conte

原创 ionic 使用$rootScope全局變量,數據綁定

我們可能遇到有些參數在一個controller裏定義,綁定,卻在另一個controller裏作了改變,那我們需要綁定,更新,這時候可以用$rootScope,具體做法:比如我們要綁定mobile這個參數,如下<span>{{mobile}