Почему не обновляется переменная во view?

Question

[matveyvarg]

Часть HTML:

<menu class="col-md-offset-2" ng-controller="SideBar" id="menu">
            <i class="fa fa-bars" ng-click="test()" ng-model="data"></i>
 </menu>
...
<section>
        <div ng-controller="SideBar" >
            {{data}}
        </div>
</section>

JS:

angular
    .module('CheckMyCode')
    .controller('SideBar',function ($scope,Auth){
        $scope.data = 'Data'
        $scope.test = function () {
            $scope.data = 'New';
        }

После клика $scope.data становится New, но {{data}} не меняет свое значение. При попытке использовать $scope.$apply() выкидывает ошибку

Error: $rootScope:inprog
Action Already In Progress