title: Ng-click need double click why
body: <p>I have a little problem : ng-click working if only i do a double-click oO i don't understand, what is wrong ?</p>
  
  <p>This is my controller</p>
  
  <pre><code>function MapCtrl($scope) {
  
      if(navigator.onLine){
          $scope.online = true;
      } else {
          $scope.offline = true;
      }
  
      /* text */
      $scope.reloadText = "Reload";
      $scope.reloadingText = "Reload in progress";
      $scope.offlineText = "not online";
  
  
      $scope.reloadMap = function() {
          $scope.reload = true;
          $scope.online = false;
          $scope.offline = false;
      }
  }
  </code></pre>
  
  <p>and my html :</p>
  
  <pre><code>&lt;section class="myPanel panel-padding" ng-controller="MapCtrl"&gt;
  
      &lt;div id="myMap"&gt;
          &lt;div class="alert alert-danger" ng-show="offline"&gt;{{offlineText}}&lt;/div&gt;
  
          &lt;p ng-show="reload"&gt;&lt;i class="fa fa-refresh fa-spin"&gt;&lt;/i&gt; &lt;span&gt;{{reloadingText}}&lt;/span&gt;&lt;/p&gt;
  
          &lt;div id="map" ng-show="online"&gt;&lt;/div&gt;
          &lt;div id="mapControls"&gt;
              &lt;ul&gt;
                  &lt;li ng-hide="reload"&gt;
                      &lt;button type="button" ng-click="reloadMap()" class="btn btn-primary btn-xs"&gt;{{reloadText}}&lt;/button&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>i don't understand why i need to double-click, i want it back to normal :/</p>