Angular2, как сбросить контроль (или setValue), изменить видимость div \ span

Question

У меня есть окно поиска, которое я хочу добавить кнопку сброса «x», чтобы очистить вход. Кнопка сброса «x» должна быть видимой только в том случае, если поле поиска не пустое. У меня это работает, если я печатаю, а затем вручную очищаю. Если я использую кнопку с типом = сброс, она очищает ввод, но событие для переоценки свойства не срабатывает. То есть кнопки сброса не скрываются, как должны.

У меня есть еще одна кнопка с вызовом метода resetSearchTerm() в компоненте. Я получаю звонок, но когда я пытаюсь сделать control.value = "", значение в элементе управления не изменяется. Я вижу сигнатуру updateValueAndValidity (onlySelf, eventEmitter) в элементе управления, но я не знаю, что означают эти аргументы.

Существует plunker here, который показывает, где я нахожусь. (только кнопки, красный x еще нет)

Answer 1

Controls имеют свой собственный метод установки значений.

this.searchTermControl.updateValue("");