Angular: modal example

HTML

<script src="http://pixelcrafts.com/soo/lib/angular/angular.min.js"></script>
<script src="http://pixelcrafts.com/soo/lib/angular/ngDialog.min.js"></script>
<link rel="stylesheet" href="http://pixelcrafts.com/soo/css/ngDialog.css">
<link rel="stylesheet" href="http://pixelcrafts.com/soo/css/ngDialog-theme-default.css">
<div ng-controller="MyCtrl">
  <button ng-click="clickToOpen()">My Modal</button>
  <button ng-click="displaySelectedValue()">Show Selected Value</button>

  <script type="text/ng-template" id="templateId">

    <div>
      Click here
      <input type='checkbox' ng-model="$parent.checkbox">
    </div>
  </script>

</div>

JavaScript

var myApp = angular.module('myApp', ['ngDialog']);

function MyCtrl($scope, ngDialog) {
  $scope.displaySelectedValue = function() {
    alert($scope.checkbox);
  }
  $scope.clickToOpen = function() {
    ngDialog.open({
      template: 'templateId'
    });
  };

}