title: How to show angular bootstrap-modal on page load only once?
body: <p>I can show the bootstrap modal on page load, the modal is triggering even when route changed. like if i returned to the same page from other page using browser back button or forward button. if it shows on page reload, that is ok to me, but on route change also it is showing. <br>
  this is the code i am using to show on page load.i have tried some solutions online but didn't worked.it may be the possible duplicate. but the other solutions not working for me. i have tried with onroutechangestart -->to hide, but it is still showing, how to do it . can anyone please help me.</p>
  
  <pre><code>angular.element(document).ready(function () {
     $scope.showModal = true;
  });
  </code></pre>