title: How to make custom directive with dialog box template using Angular JS?
body: <p>I need to show a confirmation box on different pages. So i have decided to create a custom directive for performing this task. I have a html template for confirmation box.There are two buttons and some text in this template. One button is for cancelling the dialog box and one for submitting it. So the functionality will be different for each page when we click on submit button. I have couple of questions regarding this issue.</p>
  
  <ol>
  <li>How to create this kind of directive to show a dialog box on some condition?</li>
  <li>How to pass text from my controller to this template?</li>
  <li>How to override the "Submit" button functionality. </li>
  </ol>