問題：angular.js+ionic框架，要適應不同手機頭部與內容的高度
之前沒有接觸過angular.js，認爲這個框架Vue一樣，上手還比較簡單，後來，在實際的工作當中，我才明白自己想的太簡單了。
第一次在iphone上開發的App的時候，將content離ion-header-bar高度調至10px，從UI上剛好達到了設計師的要求，等切換到了安卓手機觀看，才發現之前的10px高度居然變成了30px高度,然後我又在Html中將高度增加20px，結果到了iPhone手機，content與header居然有交叉，高度給的太少了。
我是新手一枚，第一次參加項目開發，遇到這個問題，來回折騰了有些嗆。打算寫js來判斷它是iOS系統還是android系統，但是又不知道從何處下手。後來，在同事的幫助下，我才知道，原來ionic框架早就把這個問題想好了，不用我自己去寫代碼判斷。
它本身就有一個$ ionPlatform方法，在控制器中可以判斷。
於是，我就在controllers.js 裏進行判斷：
if (ionic.Platform.isIOS()) { $scope.position_headbar_top='106'; $scope.content_top='108px'; } else{ $scope.content_top='88px'; $scope.position_headbar_top='86'; }
然後在HTML裏面 的 ion-content 寫上content_top。來回切換多次，發現高度可以自適應iOS和android，這個問題解決了，心裏很是高興，同時也有些不安。
因爲ionic框架我也沒有接觸過，沒有想到着框架這麼方便，讓我忍不住想要進一步去了解它。於是，我上網查了查Ionic，官網文檔【http://www.ionic.wang/js_doc-index-id-21.html】上這樣介紹：
Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果，儘管通常組件不需要編碼，通過框架擴展可以很容易地使用。Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分爲子視圖或包含其他視圖的子視圖控制器。然後視圖控制器“驅動”內部視圖來提供交互和UI功能。一個很好的例子就是標籤欄（Tab Bar）視圖控制器處理點擊標籤欄在一系列可視化面板間切換。Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過
SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成爲 Web 和移動開發者的共同選擇。
然後從頭開始瞭解這個框架，於是，我就開始寫這些筆記，來記下自己在工作以及學習中遇到的問題，分享出來，讓自己學以致用。