Angular Material matTooltip break line elements

Nel caso che abbiamo la necessità di impostare n elementi allineato uno sotto all'altro, tramite lo stile possiamo impostare tale aspetto grafico.

Di seguito si riporta il frammento di codice per impostare il tag [matTooltip] con elementi uno sotto l'altro.

Oltre ad impostare uno stile al controllo, ogni elemento dev'essere seguito dal simbolo "\n" che indica il ritorno a capo. 

HTML:

<mat-list  [matTooltip]="getElementiToolTip()" >

                           

                                <div>

                                    {{(variabile }}

                                </div>

                            </mat-list>

SCSS:

::ng-deep .mat-tooltip {

    white-space: pre-line;

  }

TypeScript:

 getElementiToolTip() : string{

       let Risultato: string = "";

        Array.forEach(p=> Risultato += p + ' \n ' );

        return Risultato;

    }