My setup is quite simple as outlined below. The issue I'm facing is that out of the two variables I define within the $http success callback, only one is reflected in the UI.
In this scenario, I am attempting to display progress when the controller loads and hide it once the success callback is executed. However, the false value I set within the success callback doesn't seem to propagate to the UI.
messages.html
<div>
<div ng-include="'partials/common/progress.tpl.html'"></div>
<div>{{message}}</div>
progress.tpl.html
<div ng-show="{{showProgress}}" class="overlay" id="overlay"></div>
controller
app.controller('MessageController',['$scope','$http','ROOT_URL','$q',
function($scope,$http,ROOT_URL,$q) {
$scope.showSkipBtn = "false";
$scope.title = "Message of the Day";
$scope.showProgress = "true";
$http.get(ROOT_URL+'get_message_for_the_day').then(function(result){
$scope.message = result.data.message_of_the_day.replace(/\r?\n/g,'<br/>');
$scope.showProgress = "false";
console.log($scope.showProgress);
});
}])