title: Angularjs data-ng-show not working
body: <p>I'm an Angular beginner and I cannot figure out why the following code is not working. </p>
  
  <p>What I want to do is, display a message depending on the http api request.</p>
  
  <p>I get to the <code>http success</code> part every time, and then I set the <code>ng-show</code> attribute , and since it's data bind I assume it should display the message, but it's not.</p>
  
  <p>I have this controller</p>
  
  <pre><code>         #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
      &lt;div class="alert alert-success alert-dark" data-ng-show="showSuccessMessage"&gt;
        &lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;
        &lt;strong&gt;{{successMessage}}&lt;/strong&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>So, even my request is successful and comes to the <code>success</code> block (I checked from chrome dev tools) me message is not displaying. What am I missing?</p>