Значение по умолчанию для кнопки переключения в angular
У меня есть кнопка переключения с несколькими вариантами. Для начала я должен установить значение по умолчанию как true, и это значение должно быть возвращено. Я реализую кнопку таким образом
<form novalidate>
<mat-button-toggle-group name = "testSelect" [(ngModel)] = "testSelect">
<mat-button-toggle *ngFor = "let item of options" [nxValue] = "item.headline">
{{ item.headline }}
</mat-button-toggle>
</mat-button-toggle-group>
<p>
Current Value: {{ testSelect }}
</p>
</form>
тс
export class CComponent{
testSelect: string;
options = [
{
headline: 'apple'
},
{
headline: 'mango'
},
{
headline: 'orange'
}
];
}
Что касается опции по умолчанию, я хочу, чтобы последняя опция группы была предварительно выбрана, и ее значение должно быть записано. Теперь в моем случае значение записывается только после выбора кнопки.
Я хочу, чтобы последний вариант группы был предварительно выбран, и его значение должно быть записано. Теперь в моем случае значение записывается только после выбора кнопки. @VimalPatel
Ответы 1
Вы можете использовать атрибут value для выбора по умолчанию.
<mat-button-toggle-group name = "testSelect" [(ngModel)] = "testSelect" value = "textSelect">
<mat-button-toggle *ngFor = "let item of options" [value] = "item.headline">
{{ item.headline }}
</mat-button-toggle>
</mat-button-toggle-group>
И в вашем компоненте присвойте значение textSelect, которое вы хотите выбрать по умолчанию.
testSelect: string = "orange";
Ссылка из этого ответа Ссылка.
У меня есть один вопрос относительно таблицы угловых материалов, не могли бы вы помочь здесь. stackoverflow.com/questions/65347251/…
Я способ по умолчанию выбрать несколько значений
@HamzaHaddad Можете ли вы подробно объяснить формулировку вашей проблемы?
С какой проблемой вы столкнулись?