Radio

Imagem do radio

Atributos da tag

Atributo	Input/Output	Tipo	Obrigatório
items	@Input	Options[]	Não
radioGroupAriaLabel	@Input	String	Sim
itemChecked	@Output	function	Não

"Arial Label"

O atributo radioGroupAriaLabel é usado melhorar a leitura do componente por leitores de tela.

Como usar

HTML

<ugl-radio
    [items]="list"
    [radioGroupAriaLabel]="'Lista exemplo de radio'"
    (itemChecked)="radioChecked($event)"></ugl-radio>

Typescript

list = [
  new Options('Teste 1', '1'),
  new Options('Teste 2', '2'),
  new Options('Teste 3', '3'),
  new Options('Teste 4', '4'),
];

radioChecked(item: Options) {
  console.log(`O item ${item.description} foi selecionado e seu valor é ${item.value}.`);
}