Как очистить введенное значение, которое сохраняется в текстовом поле даже после выбора параметра в taginput в angular 5

Я использую угловой материал, чтобы обернуть компонент чипов комбинацией компонента автозаполнения, чтобы получить компонент tagInput как компонент многократного использования. Здесь все работает нормально, но значение, которое мы вводим перед выбором в списке параметров автозаполнения, отображается даже после того, как значение выбрано и преобразовано в чип. Это происходит только при щелчке мышью. Выбор с помощью Keyup.enter, он не отображает ввод, что бы мы ни набрали, даже после выбора. Но для выбора с помощью щелчка мыши я не очищаю, я хочу управлять им со стороны компонента (sq-taglist.ts). Вот stackblitzLink. Я также пытался использовать метод setValue и patchValue из компонента, но это не сработало. Пожалуйста, помогите мне решить эту проблему. Заранее спасибо.