Angularjs value $Scope out of view

Question

I’m having a doubt in the Angularjs that I’m not able to solve, my index.html is as follows:

<div ng-show="error" class="alert alert-danger">{{error}}</div>
<div ng-show="success" class="alert alert-success">{{success}}</div>

<div class="content">
   <div ng-view></div>
</div>

To assign value in these views I would normally do the following:

if (response.data.success) {
   $scope.success = response.data.success;
} else if (response.data.error) {
   $scope.error = response.data.error;
}

only by defining the value of $scope.error or $scope.success, the value is not displayed (I think it should be because of the div be out of partial), it is only displayed when I assign the value in $rootScope, but the value keeps being displayed until there is some redirection, it is not cleaned when some ajax request is executed (the automatic of angular).

But in short, my question is, is there any way to display the value of $scope out of partial? if not, as I do to clear the value of the $rootScope without having to refresh the page?

Answer 1

Are you using ngRoute? would you kindly send your full example code?

Maybe it’ll help you https://jsfiddle.net/willtamagi/ng12enmL/3/

EDITED

Maybe using Factory helps you friend, follow an example: https://jsfiddle.net/willtamagi/krced2sd/3/

Hugs