title: reusable modal windows design patterns angularJS
body: <p>I have been trying to create a modal windows that are re-usable with angularJS.
  While I am googling I come to know that re-usable modals are created by using </p>
  
  <ol>
  <li>custom directives.</li>
  <li>services.</li>
  </ol>
  
  <p>I'm in a confusion which method to follow.
  What is the most customized method for creating modal windows in angularJS? and any resources on how to create re-usable modal windows (design patterns for modal windows) in angularJS</p>
  
  <p>Note: Please suggest solutions without angular-bootstrap-ui or bootstrap.</p>
  
  <p><b>Update:</b>
  I am trying to develop a similar kind of screen.
  <img src="https://i.stack.imgur.com/Mgtb8.png" alt="enter image description here"></p>
  
  <ol>
  <li>when the user clicks on "select Bus" link a modal window will be displayed.</li>
  <li>Title, Content of the modal window is based on the corresponding hyper link.</li>
  <li>I've already done this screen by using custom directives with the help of</li>
  </ol>
  
  <p><a href="http://adamalbrecht.com/2013/12/12/creating-a-simple-modal-dialog-directive-in-angular-js/" rel="nofollow noreferrer">How to Create a Simple Modal Dialog Directive in Angular.js</a></p>
  
  <ol start="4">
  <li>But what I am going to rewrite it as a reusable module or directive.</li>
  <li>So suggest some design patterns to <b>create re usable custom modal dialog windows using angularJS
  </b></li>
  </ol>