AngularJS输入提交btn ng-click无法正常工作

Question

我的AngularJS应用程序中有以下输入btn和链接，当我点击链接时调用函数openFancybox并加载JQ fancybox，当我点击btn时调用openFancybox函数但是JQ fancybox永远不会加载。我在链接和btn中使用ng-click所以我不确定为什么它不能在btn中工作？有人可以帮我告诉我这里做错了吗？感谢

HTML：

  <script type="text/javascript">
   function processOrder(action) {  document.getElementById('orderFrm').submit();
   }

  </script>

  <input type="submit" class="fancybox" value="Submit" ng-click="openFancybox('terms.html');" onclick="processOrder(0)" terms-box/>    

  <a id="orderBtn" class="fancybox" ng-click="openFancybox('terms.html')" href="javascript:{}" onclick="processOrder(0)" terms-box>Order</a>

包含该功能的指令：

.directive('termsBox', function ($compile, $http){

    return {
        restrict: 'A',        
        controller: function($scope) {
            $scope.openFancybox = function (url) {             
                    $http.get(url).then(function(response) {
                        if (response.status == 200) {

                            var template = angular.element(response.data);
                            var compiledTemplate = $compile(template);
                            compiledTemplate($scope);

                            $.fancybox.open({ content: template, type: 'html'});
                        }
                    });
            };
        }
    };

});