Estoy usando una directiva para mostrar un texto de información sobre herramientas:
<i class="fas fa-info-circle" [nz-tooltip]='infoBulleContent' nzTooltipPlacement='topRight'></i> en el código ts, this.infoBulleContent = 'Some text \n some text'; pero \n no funciona, también usé la etiqueta br, ¡el mismo resultado!
cualquier ayuda por favor
Esto no funcionará, por desgracia. Como puede ver en la fuente de este componente de información sobre herramientas, el título que proporciona no se analiza sino que se incluye directamente como una cadena en la plantilla.
Habiendo dicho eso, lo que probablemente quiera aquí es pasar un TemplateRef , que le permite incluir varias líneas, pero también estilo (que es preferible a usar saltos de línea br manuales). P.ej
<!-- Element that should have a tooltip --> <button nz-tooltip [nzTooltipTitle]="titleTemplate">Test</button> <!-- Contents of tooltip --> <ng-template #titleTemplate> <p style="font-size: 25px">Your <br> tooltip</p> </ng-template>\n no provoca un salto de línea en html. Deberá usar un <br/> o envolver su texto en un elemento de bloque.
this.Values += this.Id + ',' + this.status + '<br/>';o
this.Values += '<div>' + this.Id + ',' + this.status + '</div>';