Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

como pular linha?

Estou trabalhando com Angular, e ao passar uma string dentro de uma variável preciso que pule linha em certo momento.

exemplo = 'linha1 \n linha2'

porém a resposta que obtenho é: linha1 linha2

Já tentei usar \n , \r, , Como posso pular linha efetivamente?

3 respostas
solução!

Fala ai André, tudo bem? Apenas de adicionar o \n na string e chamá-la no template via interpolation ainda é necessário um ajuste no CSS.

Você precisa setar o white-space desse elemento para pre-wrap, no caso:

Dado o seguinte template:

<div class="break-line">{{ message }}</div>

Ai no CSS ficaria:

.break-line {
    white-space: pre-wrap;
}

Lembrando que o componente teria uma variavel message que seria a string com o \n, por exemplo:

message = 'Some  \n message'

Espero ter ajudado.

funcionou perfeitamente, muito obrigado Matheus Castiglioni !

Magina André, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.