Я пытаюсь создать небольшой аккордеон, используя Angular Material, и я хочу сделать поле ввода таким образом, чтобы каждый раз, когда пользователь что-то печатал, панели аккордеона автоматически расширялись, если у них были «подпункты», содержащие эту строку. Вот пример моего кода:
Пример аккордеона
Если вы введете «1», вы увидите, что панель «bar» развернется, потому что в ней есть подпункт (123), содержащий «1».
В настоящее время всякий раз, когда пользователь вводит какой-либо ввод и, таким образом, расширяет соответствующие панели, если пользователь вручную нажимает на нерасширенную панель и затем вводит дополнительный символ, расширенная вручную панель не закрывается, даже если у нее нет «подпункта». который содержит входную подстроку. Например, если вы введете «1», затем вручную разверните нерасширенную панель «foo» и, наконец, введите дополнительный символ, то есть «x», панель «bar» закроется правильно, но панель «foo» этого не сделает. т. Я хочу сделать так, чтобы он работал, то есть переопределял так, чтобы пользователь вручную нажимал на панель после каждого ввода. Как я мог это сделать?