Многоуровневый раскрывающийся список

Question

Я пишу приложение с угловым 2, и мне нужно иметь «странный» элемент выпадающего списка, который при заданном параметре должен показывать календарь, что-то вроде того, что я присоединю ниже:

Также может быть важно упомянуть, что я использую PrimeNG (от Primefaces) в своем приложении. У них есть dropdownlists и календари, доступные в качестве компонентов, но смогу ли я когда-нибудь сказать, что данный вариант dropdownlist должен расширяться в календарь?

Спасибо за любую помощь или вклад, который вы можете дать по этому поводу.

Answer 1

Я мало что знаю о PrimeNG, но да, это определенно может быть сделано так или иначе.

Есть события onChange в компоненте выпадающего меню PrimeNG. В обработчиках событий для них вы можете проверить «пользовательское» значение и вызвать отображение компонента календаря (иметь его уже в шаблоне, но условно присоединить его к DOM с помощью *ngIf). Компонент календаря PrimeNG имеет onSelect события, которые вы можете слушать.

Вы можете вручную подключить слушателей с помощью Renderer для этих событий календаря в обратном вызове для выпадающего списка событий или использовать регулярное привязку (event) в шаблоне. В последнем случае вам не нужно беспокоиться о бродячих событиях, потому что календарь всегда будет привязан к представлению, когда вы этого захотите.