$ionicLoading, template doesn't work


When I call the show() function passing the content: '...' attribute content: '...' the loading text is changed, as shown below.

$rootScope.loading = $ionicLoading.show({
    content: 'Loading...'

But when I use the template, as shown below, it doesn't work.

$rootScope.loading = $ionicLoading.show({
    template: 'Loading...'

Why ? What is the difference between them ? in the ionic documentation it does n't even mention content .


One of the possible causes for this problem is the version of Ionic and/or libraries you are using.

Here's an example that shows how custom loading works correctly.

If your app is local (offline) just download the ionic.bundle.js library and its dependencies, and manually add it to the project.

If it is an online application you can use the Ionic CDN.

 <script src="http://code.ionicframework.com/1.1.1/js/ionic.bundle.min.js"></script>

The ionic.bundle.js is a set of all both ionic and angular libraries for its functioning.

Scroll to Top