Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
Esse componente adiciona uma caixa de texto que aceita diversas linhas, bastante utilizado quando existe a necessidade de criar um texto longo, como comentário.
Figura 1 .1 - Exemplo de imagem rodando no aplicativo
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome | Propriedade | Função |
---|---|---|
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Valor | ng-model | Propriedade |
Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação. | |
Sugestão | placeholder |
Exibe um exemplo de resposta para o usuário quando o campo está vazio.
Atributo do tipo texto, ele especifica uma dica sobre o conteúdo que deve ser inserido no componente. | ||
Quantidade de linhas | rows | Define a quantidade de linhas que serão visíveis antes de aparecer a barra de rolagem. |
Redimensionável |
resize | Define |
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Redimensionável
resize
Define se o campo pode ser estendido: somente na vertical, somente na horizontal ou em ambas direções.
Propriedades complementares
Propriedades do subcomponente input
se o campo pode ser estendido: somente na vertical, somente na horizontal ou em ambas direções. | ||
Desabilitado | disabled | Atributo do tipo booleano, ele é usado para desabilitar o componente. |
Desabilitar se | ng-disabled | Directiva usada para desabilitar um componente quando a expressão vinculada for verdadeira. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Requerido | ng-required | Diretiva que adiciona a propriedade no componente quando o valor da expressão for verdadeiro, especificando que o conteúdo do componente deve ser preenchido. |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Valor inicial | ng-initial-value | Define o texto inicial ao carregar o componente. |
Estilo | style | Atributo usado para estilizar o componente. |
Exibir | ng-show | Propriedade Angular usada para mostrar ou oculta o componente. |
Segurança | cronapp-security | Propriedade que apresenta a seleção dos grupos com permissões para visualização ou edição do componente. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Propriedades complementares
Nem todas propriedades abaixo são nativas do componente, algumas delas sendo necessário inserir através do campo "Nova Propriedade"As propriedades abaixo não são nativas do componente. Para mais detalhes acesse a documentação Componentes visuais.
Nome | Propriedade | Função |
---|---|---|
Tamanho máximo | maxlength | Define o número máximo de caracteres aceito no campo. Algumas máscaras possuem caracteres que ocupam espaços, dessa forma, ao informar o número máximo de caracteres nesta propriedade, leve em consideração a quantidade de caracteres utilizados pela máscara. |
Tamanho mínimo | minlength | Define o número mínimo de caracteres aceito no campo. A linha do campo ficará em vermelho até que o usuário digite o mínimo de caracteres necessários. Algumas máscaras possuem caracteres que ocupam espaços, dessa forma, ao informar o número mínimo de caracteres nesta propriedade, leve em consideração a quantidade de caracteres utilizados pela máscara. |
.: Um CPF possui 11 dígitos, porém mais 3 caracteres são |
exibidos ao utilizar a máscara CPF (2 "." e 1 "-"). Sendo necessário informar o valor 14 nessa propriedade. |
Apenas leitura | ng-readonly | Bloqueia edições no campo e exibe seu conteúdo apenas para leitura. Por padrão, possui as opções "Sim" e "Não". Essa propriedade também aceita expressões, permitindo por exemplo, bloquear um campo vinculado a um fonte de dados:
|
Nome em inglês
Textarea
Nessa página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário mobile
Equivalente web
Botão do Componente
Image Modified
Imagem no Editor Visual
Image Modified