Buenos días,
Estoy usando Angular 8 como mi interfaz y el servicio java api como mi backend.
Necesito recuperar un String del backend, y el String tendrá \n en el medio, por ejemplo: "Instructions:\n1. Key in 122<16 digit \nreload pin># to reload.\n2. Press SEND/CALL from
En mi archivo .ts , estoy configurando este valor de cadena de la siguiente manera:
this.str = this.apiRes.responseMsg1; console.log("this.str : " + this.str); Esto me dará Instructions:\n1. Key in 122<16 digit \nreload pin># to reload.\n2. Press SEND/CALL , por lo tanto, cuando lo use para mostrar en html, solo se mostrará como 1 línea.
Si codifico esta cadena a una variable de cadena, por ejemplo:
this.str = "Instructions:\n1. Key in 122<16 digit \nreload pin># to reload.\n2. Press SEND/CALL from"; console.log("this.str : " + this.str);Me dará:
Instructions: 1. Key in 122<16 digit reload pin># to reload. 2. Press SEND/CALL fromQue es lo que quiero.
No estoy muy familiarizado con Angular, estoy tratando de encontrar esta respuesta en Google, pero no puedo obtener ningún resultado relacionado.
¿Puedo saber por qué sucede esto? ¿Y de alguna manera puedo mostrar el mensaje de API en consecuencia?
HTML ignora los saltos de línea \n . Básicamente tienes dos opciones para arreglar esto:
<br> .white-space: pre-wrap; a su elemento HTML que muestra su cadena.