Caching issues with cordova

Hi, I have a state provider as follows.

angular.module(‘WebROE’, [
‘ionic’,
‘WebROE.services’,
‘WebROE.controllers’]).config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
//Since the titles are pretty long,
$ionicConfigProvider.backButton.previousTitleText(false);
$ionicConfigProvider.platform.android.tabs.position(“bottom”);

$stateProvider
.state('signin', {
	cache: false,
	url: "/sign-in",
	templateUrl: 'http://www.nrfdist.com/webroe/sign-in.html',
})

.state('tabs.productresult', {
	url: "/product-result",
	templateUrl: 'http://www.nrfdist.com/webroe/product-result.html',
	views: {
		'product-search': {
			templateUrl: 'http://www.nrfdist.com/webroe/product-result.html'
		}
	}
})

.state('tabs.stockcheck', {
	cache: false,
	url: "/stock-check",
	templateUrl: 'http://www.nrfdist.com/webroe/stock-check.html',
	views: {
		'product-search': {
			templateUrl:  'http://www.nrfdist.com/webroe/stock-check.html'
		}
	}
})

.state('tabs.pricecheck', {
	cache: false,
	url: "/price-check",
	templateUrl: 'http://www.nrfdist.com/webroe/price-check.html',
	views: {
		'product-search': {
			templateUrl:  'http://www.nrfdist.com/webroe/price-check.html' 
		}
	}
})

.state('tabs', {
	url: "/tab",
	abstract: true,
	templateUrl: "tabs.html"
})

.state('tabs.home', {
	cache: false,
	url: "/home",
		views: {
			'home-tab': {
				templateUrl: 'http://www.nrfdist.com/webroe/home.html',
			}
		}
})

.state('tabs.accountsettings', {
	cache: false,
	url: "/accountsettings",
	views: {
		'account-settings': {
			templateUrl: 'http://www.nrfdist.com/webroe/account-settings.html',
		}
	}
})

.state('tabs.productsearch', {
	cache: false,
	url: "/productsearch",
	templateUrl: 'http://www.nrfdist.com/webroe/product-search.html',
	views: {
		'product-search': {
			templateUrl: 'http://www.nrfdist.com/webroe/product-search.html'
		}
	}
})

.state('tabs.accessories', {
	cache: false,
	url: 'http://www.nrfdist.com/webroe/accessories-check.html',
	views: {
		'product-search': {
			templateUrl:  'http://www.nrfdist.com/webroe/accessories-check.html'
		}
	}
})

.state('tabs.currentorders', {
	cache: false,
	url: 'http://www.nrfdist.com/webroe/current-orders.html',
	views: {
		'current-orders': {
			templateUrl: 'http://www.nrfdist.com/webroe/current-orders.html',
		}
	}
})
$urlRouterProvider.otherwise("/sign-in");

})

When making a remote change on the pages for these states. I cannot get a change to be reflected unless the app is uninstalled. Why?

can anyone help with this by chance?

I think his ho do with Angular’s template cache.
I think something like what’s described here would help: http://opensourcesoftwareandme.blogspot.com/2014/02/safely-prevent-template-caching-in-angularjs.html

Something like:

var templates = [
    'http://www.nrfdist.com/webroe/product-result.html',
    'http://www.nrfdist.com/webroe/stock-check.html',
    'http://www.nrfdist.com/webroe/price-check.html',
    'http://www.nrfdist.com/webroe/home.html',
    'http://www.nrfdist.com/webroe/account-settings.html',
    'http://www.nrfdist.com/webroe/product-search.html',
    'http://www.nrfdist.com/webroe/accessories-check.html',
    'http://www.nrfdist.com/webroe/current-orders.html'
];
angular.forEach(templates, function(template){
    $templateCache.remove(template);
});

With the recommended code I could not get all js files or views to load properly, every time.

Problem I have with this is template cache does not fire in a controller, or in a run, or any featureset.

It will only work in debug.