angular - 多级下拉列表

Question

我正在编写一个 Angular 2 应用程序，我需要有一个“奇怪的”下拉列表元素，在给定的选项上，它应该显示一个日历，就像我在下面附加的一样：

提到我在我的应用程序中使用 PrimeNG（来自 Primefaces）可能也很重要。他们有下拉列表和日历作为组件可用，但我能说给定的下拉列表选项应该扩展为日历吗？

感谢您对此提供的任何帮助或意见。

Answer 1

我对 PrimeNG 了解不多，但是是的，它绝对可以以一种或另一种方式完成。

PrimeNG 下拉组件上有“onChange”事件。在这些事件处理程序中，您可以检查“自定义”值并触发日历组件的显示（模板中已有一个，但有条件地将其附加到 DOM *ngIf）。PrimeNG 日历组件具有 onSelect 事件，您可以随后收听这些事件。

您可以在下拉列表事件的回调中为这些日历事件手动附加带有 Renderer 的侦听器，或者您可以(event)在模板中使用常规绑定。在后一种情况下，您不必担心杂散事件，因为日历只会在您想要的时候附加到视图上。