Kendo UI Angular 在 kendo 时间选择器中选择时间时过滤器菜单自动关闭
Kendo UI Angular filter menu automatically closes when selecting a time in kendo timepicker
我最近开始使用 Kendo UI 网格和 Angular。
经过一些测试，我发现缺少时间选择器过滤器菜单组件，因此决定自己制作。
问题是当我在模板中使用 Kendo UI 时间选择器并选择时间时，过滤器菜单自动关闭。
这是重现问题的堆栈闪电战：
注意事项：我在自定义 TimeComponent 中扩展 DateFilterMenuComponent 的原因是我具有与日期相关值相同的运算符这没关系，并且可以轻松访问其他常见的过滤器属性（示例逻辑运算符）。
谁能帮我解决选择时间后菜单不关闭的问题？
到目前为止，我尝试了以下方法：
在我试过的时间选择器上
(click)="$event.preventDefault(); $event.stopPropagation()"
这导致时间选择器没有关闭，但过滤器菜单仍然关闭。
联系 Telrik 支持后我找到了答案，他们指出了我
问题在于时间选择器正在 body/root 组件中呈现，并且过滤器菜单（默认情况下）配置为在用户单击过滤器菜单内容之外时关闭。
这是我在 stackblitz 中修复的问题的混合文档：
我最近开始使用 Kendo UI 网格和 Angular。
经过一些测试，我发现缺少时间选择器过滤器菜单组件，因此决定自己制作。
问题是当我在模板中使用 Kendo UI 时间选择器并选择时间时，过滤器菜单自动关闭。
这是重现问题的堆栈闪电战：
注意事项：我在自定义 TimeComponent 中扩展 DateFilterMenuComponent 的原因是我具有与日期相关值相同的运算符这没关系，并且可以轻松访问其他常见的过滤器属性（示例逻辑运算符）。
谁能帮我解决选择时间后菜单不关闭的问题？
到目前为止，我尝试了以下方法：
在我试过的时间选择器上
(click)="$event.preventDefault(); $event.stopPropagation()"
这导致时间选择器没有关闭，但过滤器菜单仍然关闭。
联系 Telrik 支持后我找到了答案，他们指出了我
问题在于时间选择器正在 body/root 组件中呈现，并且过滤器菜单（默认情况下）配置为在用户单击过滤器菜单内容之外时关闭。
这是我在 stackblitz 中修复的问题的混合文档：