将数组中的HTML标签用作标签[打字稿]

Question

我的数组中的数据如下所示：

return [  
  {qID:'FDP1', qText:'First Sentence in data line 1. /nSecond sentence1'},  
  {qID:'FDP2', qText:'First Sentence in data line 2. /nSecond sentence2'},  
  {qID:'FDP3', qText:'First Sentence in data line 3. /nSecond sentence3'},  
]

我希望第二行用斜体显示：
数据行1中的第一句。
第二句1

数据行2中的第一句。
第二句
等等

我使用ngFor获取显示的列表：

 <div class="checkbox" *ngFor="let CQ of CQes" class="newlines">
 <br>
    <mat-checkbox 
        name="IMCheckboxQ" 
        [value]="CQ.qid"
        (change)="sendQInfo(CQ.qID)"
        [(ngModel)]="CQ.checked" >
    </mat-checkbox>
    <span> {{ CQ.qText}} </span>
 </div>

我使用了css行

 .newlines {
 white-space: pre-wrap;
 }    

以获取行返回，但是如果我放入任何HTML标记，它将显示为纯文本。