Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Função

A lista de opções é usada quando se deseja selecionar apenas uma opção dentre outras apresentadaspermite que o usuário selecione apenas uma das opções exibidas.


Image Modified

Figura 1 - Exemplo do componente rodando no simuladoraplicativo

Principais propriedades

Na tabela abaixo estão descritos descritas as principais propriedades para o funcionamento básico do componente. Estão descritos tanto para a funcionalidade da lista de opção em si quanto para os e dos itens dessa lista.

Lista de opção

Nome

Propriedade

Função

valor

ng-model

Propriedade AngularJS que faz a vinculo do componente com o formuláriopode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

identificador

id

Gera Atributo que especifica um ID automaticamente exclusivo para o componente, mas que pode ser alterado. Por padrão um id é gerado automaticamente e atribuído ao componente.

Exibir

ng-show

Propriedade AngularJS usada para mostrar exibir ou oculta o componente.

Parâmetros de tela

screen-params

Segurança

cronapp-security

Abre a janela de seleção dos grupos com permissões para visualização ou ediçãoPropriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.

Classes CSS

class

Adiciona classes CSS que foram criadas.

Item de opção

Nome

Propriedade

Função

valor de exibição

contentEsse

campo define o texto que é exibido ao usuárioDefine o rótulo do item. É possível internacionalizar este conteúdo.

valor do campo

value

Esse campo define o valor que é enviado ao servidor quando Valor que identifica o item é selecionado.

Exibir

ng-show

Propriedade AngularJS usada para mostrar ou oculta o componente.Parâmetros de tela

screen-params

Segurança

cronapp-security

Abre a janela de seleção dos grupos com permissões para visualização ou edição.

Configuração

Adicionar novo item / Remover um item

Para adicionar um novo item, basta clicar no botão + (Figura 2.1).

Figura 2.1 - Adicionando um novo item à lista


Para remover um item, basta clicar no ícone da lixeira que pertencente a esse item (Figura 2.2).

Figura 2.2 - Removendo um item da lista

Editar item

Para editar um item basta somente seleciona-lo na lista (Figura 2.3).

Figura 2.3 - Editando o item

Nome em inglês

Radio Group

Nessa página

Índice
maxLevel3
printablefalse

Compatibilidade

  • Formulário mobile


Equivalente web

Lista de Opção (web)


Botão do Componente


Imagem no Editor Visual