How can a json file read in Android using Ionic and AngularJS Frameworks?

Starting the serviceUrl with a '/' makes it an absolute URL. It will work in chrome since the root is the www folder. But in cordova mobile environment it will translate to file:///. Simply add a '.' ('./') to make it a relative path and it will work in both android and ios environments.

another easy way is to turn your json file into a javascript file, (for static files if you want to update use something like pouchdb).

eg save the json document as myjsondata.js

var mynamespace = mynamespace || {};
mynamespace.data = [{"foo":"bar"}];

then reference the javascript file in you main page where you load all the other js files

<script src="js/myjsondata.js"></script>

then in your service you can just access the json with mynamespave.data

Based on @Datz Me answer, I've found it's way easier if you treat your application as a web server (which it is) and request your file as being served by it instead of trying to figure out how to manage the different file paths between the several builds.

Here is what I did.

I've placed my json file on

www/json/app.json

Inside it I've put

{
    "title": "Application Title",
    "icon" : "custom-icon.png"
}

And in my app controller I used the following code to read the properties:

$http.get('json/app.json').success(function (results) {
    $rootScope.title = results.title;
    $rootScope.icon = results.icon;
});

And in all my child controllers, I just need to add $rootScope as a dependency and I'm able to use

{{title}} //on headings
{{icon}} //to display the image path
<img src="{{icon}}"/> //to display the icon

In my case, it's an app that will be customised for several clients, so I needed a way to quickly change the app's properties and keep them in one place.