Ionic

cli-debugging.md

CLI Debugging

ionic emulate ios --livereload --consolelogs --serverlogs
ionic emulate android --livereload --consolelogs --serverlogs
 
ionic run ios -l -c -s
ionic run android -l -c -s

Source: http://www.gajotres.net/how-to-properly-debug-your-ionic-application/

global-loading.md

Global Loading Screen with Interceptors

var app = angular.module('ionicApp', ['ionic'])

app.config(function($httpProvider) {
  $httpProvider.interceptors.push(function($rootScope) {
    return {
      request: function(config) {
        $rootScope.$broadcast('loading:show')
        return config
      },
      response: function(response) {
        $rootScope.$broadcast('loading:hide')
        return response
      }
    }
  })
})

app.run(function($rootScope, $ionicLoading) {
  $rootScope.$on('loading:show', function() {
    $ionicLoading.show({template: 'foo'})
  })

  $rootScope.$on('loading:hide', function() {
    $ionicLoading.hide()
  })
})

app.controller('MainCtrl', function($http, $ionicLoading) {
  var _this = this

  $http.jsonp('http://api.openbeerdatabase.com/v1/breweries.json?callback=JSON_CALLBACK').then(function(result) {
    _this.breweries = result.data.breweries
  })
})

Source: http://learn.ionicframework.com/formulas/loading-screen-with-interceptors/

ionic.md

Fix Ionic iOS Emulator Splash Screen Stuck Issue

ionic platform rm ios
ionic platform ios
ionic build ios

map.md

Open Native Map

<!-- iOS  -->
<a href="maps://maps.apple.com?q={latitude},{longitude}">Open Map</a>
<!-- OR -->
<a href="maps://?q={latitude},{longitude}">Open Map</a>

<!-- Android -->
<a href="geo:latitude,longitude?z=zoom">Open Map</a>

Source: https://developers.google.com/maps/documentation/android-api/intents

splash-loading.md

Remove Splash Screen Loading Indicator

Add the following line of code into config.xml file:

<preference name="ShowSplashScreenSpinner" value="false" />

Source: http://stackoverflow.com/a/11762139/