title: ng-click fires function twice angularjs
body: <p>I have used ng-click in many html files but in all that html ng-click is working fine but in case of my filter.html ng-click fires function two times i goggled and found link but i am not able to under stand that .</p>
  
  <p>Here is the link :-</p>
  
  <p><a href="https://stackoverflow.com/questions/18709297/angualrjs-ng-click-fires-twice">AngularJS ng-click fires twice</a></p>
  
  <p>So here i am posting my index.html :-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html ng-app="ionicApp"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport"
   content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
  &lt;title&gt;e-commerce&lt;/title&gt;
  
  &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
  &lt;link href="lib/swiper/dist/css/swiper.min.css" rel="stylesheet"&gt;
  &lt;link href="css/style.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" charset="utf-8"
   src="js/PushNotification.js"&gt;&lt;/script&gt;
  
  &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
  &lt;!-- ionic/angularjs js --&gt;
  &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
  
  
  
  &lt;script src="lib/ionic-zoom-view/dist/ionic-zoom-view.js"&gt;&lt;/script&gt;
  &lt;!-- cordova script (this will be a 404 during development) --&gt;
  &lt;script src="lib/ngCordova/dist/ng-cordova.js"&gt;&lt;/script&gt;
  &lt;script src="js/ng-cordova.min.js"&gt;&lt;/script&gt;
  &lt;script src="cordova.js"&gt;&lt;/script&gt;
  &lt;!-- your app's js --&gt;
  &lt;link rel="stylesheet"
   href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"&gt;
  
  
  
  &lt;script
   src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- &lt;script --&gt;
  &lt;!--  src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt; --&gt;
  &lt;script
  &lt;!--  src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"&gt;&lt;/script&gt; --&gt;
  &lt;script
   src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"&gt;&lt;/script&gt;
  &lt;script
   src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"&gt;&lt;/script&gt;
  &lt;script
   src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet"
   href="https://fonts.googleapis.com/icon?family=Material+Icons"&gt;
  
  
  
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;script src="js/checklist-model.js"&gt;&lt;/script&gt;
  
  &lt;!-- controllers --&gt;
  &lt;script src="js/controllers/home-controller.js"&gt;&lt;/script&gt;
  &lt;script src="js/angular-translate.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/ionic-ratings.js"&gt;&lt;/script&gt;
  
  &lt;script src="lib/swiper/dist/js/swiper.js"&gt;&lt;/script&gt;
  &lt;!--&lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;--&gt;
  &lt;script src="lib/angular-swiper/dist/angular-swiper.js"&gt;&lt;/script&gt;
  
  
  
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;
  
   &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>when ever i am trying to call openPopover($event) function it fires two times but when i comment the below mentioned lines in index.html the the openPopover($event) trigers only one time but my smooth loader stops working .</p>
  
  <p>lines :-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"&gt;&lt;/script&gt;
   &lt;script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This thing really driving me crazy ..Any help will be greatly appreciated 
  Thanks</p>