title: Multiple Modal with Angular.js
body: <p>I was trying to create two modal with angular.js on a same page. I just modified the code a bit from angular ui-bootstrap (angular-ui.github.io/bootstrap/). Here is the original <a href="http://plnkr.co/edit/HNV60ijW5OasAyHOO5l9" rel="noreferrer" >plunker </a> for the modal by ui-bootstrap. </p>
  
  <p>I successfully implemented single modal on my page on link "Add Manager" while the second modal on link "Add Captain" is not working.Here's my <a href="http://plnkr.co/edit/aLCapSgb1dzcw4syHSSv?p=preview" rel="noreferrer" > code-plunker </a> . I am new to angular and stuck here. </p>
  
  <p>I also tried a few things , like changing the name for open function,  used two seperate js files for both modal but haven't got success.</p>
  
  <p>Also is there any way to modify the code such that the modal content can be kept in a separate  different html file and can be accessed at run time.?</p>