Question

这是我正在谈论的例子的链接。
转到链接 https://angular-ui.github.io/bootstrap/ 然后检查plunker中的datepicker示例。

如果我们查看代码，我就不会在那里看到任何魔术代码来执行结束部分。
我所看到的只是

$scope.open = function($event) {
   $scope.status.opened = true;
};

仅打开日历。
我的问题是它如何关闭日历之外的点击事件。这是一个非常好的功能，我也想在其他指令上使用。
---------------------临时解决方案----------------
因为no1还没有提供答案。对于任何想知道如何做的人。我有一个临时解决方案给你们。
1.在最外面的标签上添加点击。
2.在自定义标签上添加ng-mouseleave和ng-mouseenter事件这是流程：
当用户将鼠标移出/自定义标签时。您将标志设置为true / false 然后当用户点击时，当鼠标在自定义标签之外时关闭div（您将使用该标志进行检查）。

Answer 1

我自己找到了。这是因为以下代码。

var documentClickBind = function(event) {
    if (scope.isOpen && event.target !== element[0]) {
      scope.$apply(function() {
        scope.isOpen = false;
      });
    }
  };

角度datepicker为什么日历框点击后关闭

1 个答案: