AngularJS: Modal windows without jQuery

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/1.0.0rc7/angular-1.0.0rc7.js"></script>
<div id="myModal" class="modal hide">
    <div class="modal-header">
        <button class="close" modal-close="myModal">×</button>
        <h3>Modal Heading</h3>
    </div>
    <div class="modal-body">
        <h4>This was opened with AngularJS!</h4>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" modal-close="myModal">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>

<button class="btn" modal-open="myModal">Open (default)</button>
<button class="btn" modal-open="myModal" backdrop="static">Open (static backdrop)</button>
<button class="btn" modal-open="myModal" backdrop="false">Open (no backdrop)</button>
<button class="btn" modal-open="myModal" escape-exit="false">Open (no escape key)</button>

JavaScript

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

modalDemo.directive('modalClose', function($timeout) {
    return function(scope, element, attrs) {
			debugger;
    };
});