Кнопка-кнопка сброса углового материала

Question

Как правильно сбросить значение группы-кнопки-переключателя?У меня есть сценарий, где мат-кнопка-переключатель выбран, а затем последующее действие отменяет его выбор.Моя проблема в том, что когда значение групп сбрасывается, пользовательский интерфейс не обновляется, чтобы соответствовать.

В настоящее время я сбрасываю группу, устанавливая значение mat-button-toggle-group равным нулю (или неопределенному).Это работает, но пользовательский интерфейс не обновляется, чтобы соответствовать.Я думал о добавлении невидимой кнопки с матом и присвоении ей значения "невыбранный" или что-то в этом роде.Похоже, что должен быть лучший способ.

Этот стек-блиц является простой демонстрацией: https://stackblitz.com/edit/angular-wgsubv

Попробуйте выбрать foo или bar, затем нажмите кнопку сброса.значение групп меняется, но опция, кажется, все еще выбрана.Если пользователю необходимо снова нажать эту же кнопку, он должен щелкнуть дважды.

Answer 1

Насколько я могу судить, API для этого не существует.Мне пришлось использовать частную собственность, как это:

this.buttonGroup._buttonToggles.map( btn => btn.checked = false );

ОБНОВЛЕНИЕ: Я задал этот вопрос в https://gitter.im/angular/material2, и получается, что если вы удалите [(ngModel)], вы можете просто сделать это: this.buttonGroup.value = ''