Angular - ng-click后无法更改范围值

Question

我的模板中有以下代码：

<div ng-if="selectedTheme.count_of_cards == 0" class="jumbotron" ng-controller="ThemesCtrl">
    <h1>{{ 'THERE_IS_NO_CARD' | translate }}</h1>
    <p>
        <a href="" ng-click="initEmptyTheme()" class="btn btn-primary btn-lg" role="button">{{ 'ADD_CARD' | translate }}</a>
    </p>
</div>

在ThemesCtrl上调用方法：

   $scope.initEmptyTheme = function() {
            //console.log("Trying to get cards for theme id: " +theme.id);
            //$rootScope.$emit('detailDisplayed', {});
            $scope.displayedTemplate = "default";
            $timeout(function() {
                $scope.$apply(function() {
                    $scope.displayedTemplate = "default";
                    console.log("Meow");
                });
            });
        };

修改

我也尝试过：

  $timeout(function() {
                $scope.displayedTemplate = "default";
                console.log("Meow");
            });

和

$scope.$apply(function() {
                    $scope.displayedTemplate = "default";
                    console.log("Maau");
                });

但没有任何作用。

我尝试使用超时和应用调用方法并处理控制台日志，但范围未更改为“默认”值（仍然停留在“空的“价值”。

请问有什么不对？

感谢您的帮助。