A lista de opções é usada quando se deseja selecionar apenas uma opção dentre outras apresentadas.
Figura 1 - Exemplo do componente rodando no simulador
Principais propriedades
Na tabela abaixo estão descritos 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 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ário.
identificador
id
Gera um ID automaticamente para o componente, mas que pode ser alterado.
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.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Item de opção
Nome
Propriedade
Função
valor de exibição
content
Esse campo define o texto que é exibido ao usuário.
valor do campo
value
Esse campo define o valor que é enviado ao servidor quando 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).