多級下拉列表

Question

我正在寫一個Angular 2應用程序，我需要一個「奇怪的」下拉列表元素，在給定的選項上，應該顯示一個日曆，就像我所附的以下內容：

提到我在我的應用程序中使用PrimeNG（來自Primefaces）也許很重要。他們有可用作組件的下拉列表和日曆，但是我是否能夠告訴給定的下拉列表選項應該擴展到日曆中？

感謝您提供任何幫助或意見。

Answer 1

我對PrimeNG瞭解不多，但是，是的，它絕對可以這樣或那樣地完成。

PrimeNG下拉組件中有'onChange'事件。在這些事件處理程序中，您可以檢查「自定義」值並觸發日曆組件的顯示（已在模板中，但有條件地將其附加到DOM，並使用*ngIf）。 PrimeNG日曆組件具有onSelect事件，您可以隨後收聽。

您可以在下拉列表事件的回調中爲這些日曆事件手動附加監聽器和渲染器，也可以在模板中使用常規(event)綁定。在後一種情況下，您不必擔心流浪事件，因爲日曆只會在您想要的時候附加到視圖上。