Why does my directive fail without errors?
<p>This directive: </p>

<pre><code>angular.module('WizmoApp', [])
    .directive('confirmClick', function() {
        return {

                priority: -1,
                restrict: 'A',
                link: function(scope, element, attrs){
                    element.bind('click', function(e){
                        var message = attrs.ngConfirmClick;
                        // confirm() requires jQuery
                        if(message &amp;&amp; !confirm(message)){
                            //e.stopImmediatePropagation();
                            //e.preventDefault();
                        }
                    });
                }
        };
    });
</code></pre>

<p>, which I'm trying to transcribe from here:
<a href="https://stackoverflow.com/questions/18313576/confirmation-dialog-on-ng-click-angularjs">Confirmation dialog on ng-click - AngularJS</a>
is enough to bring my app to a screeching halt.
No display on-screen, no js errors, no nothing, just a blank sacreen.</p>

<p>This is how I'm using it:</p>

<pre><code>&lt;tr class="" 
    ng-repeat="package in adminManifestVm.Manifest | orderBy:'Id' track by $index"  
    ng-click="adminManifestVm.debinPackage(package.Id);" 
    ng-confirm-click="Are you sure you want to debin this?"&gt;
</code></pre>

<p>No idea how to debug a directive, let alone write one.</p>

<p>[ EDIT ]
I just noticed that, in the example, the directive is actually called <strong>ngConfirmClick</strong>. Changed it, but makes no difference. </p>