Angularjs data-ng-show 不工作

Question

我是 Angular 初学者，我无法弄清楚为什么以下代码不起作用。

我想做的是，根据http api请求显示一条消息。

我每次都进入http success 部分，然后设置ng-show 属性，由于它是数据绑定，我认为它应该显示消息，但事实并非如此。

我有这个控制器

         #my controller
         $scope.Save = function(){
            $http({
                //some http request
            })
            .success(function(data, status, header, config){
              $scope.showSucessMessage = true;
              $scope.successMessage = "Sucessfully saved..";
            })
            .error(function(data, status, header, config){
              $scope.recipeErrors = data;
              $scope.showErrorMessage = true;
            });
          }  



    #my message html
    <div class="alert alert-success alert-dark" data-ng-show="showSuccessMessage">
      <button type="button" class="close" data-dismiss="alert">×</button>
      <strong>{{successMessage}}</strong>
    </div>

所以，即使我的请求成功并进入 success 块（我从 chrome 开发工具检查）我的消息也没有显示。我错过了什么？

Answer 1

你有一个错字：

$scope.showSucessMessage = true;

应该是带有两个 c 的“成功”

$scope.showSuccessMessage = true;