angularjs - 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;