在androidstudiotypescript中的数组中加粗一个特定的关键字

Question

我在清单中有一组不同的句子。我试着把每句话的关键词加粗。我该如何做到这一点？这是我的阵列：

checklist = [
{listID: 1, name:"Check Engine Oil in between minimum and maximum level.",ischecked: false},
{listID: 2, name:"Check Brake Fluid is between minimum minimum and maximum level. (if applicable)",ischecked: false},
{listID: 3, name:"Check Clutch Fluid is between minimum minimum and maximum level. (if applicable)",ischecked: false}
];

这是我的html:

<ion-list>
<ion-item *ngFor="let list of checklist">
<ion-label>{{list.listID}}.{{list.name}}</ion-label>
<ion-checkbox slot="end" [(ngModel)]="list.isChecked" (click)="onChange(list)"></ion-checkbox>
</ion-item>
</ion-list>

我想大胆的关键字，如最小，最大，发动机油等。谢谢

Answer 1

正如Aluan Haddad所说，下面是的一个例子

1.使用关键字拆分名称并添加到新密钥(splittedNames(

this.checklist.forEach(x => x.splittedNames = x.name.split(/(Engine Oil|minimum|maximum)/));

2.循环splittedNames，并使用*ngIf有条件地将其加粗

<div *ngFor="let list of checklist">
<p>{{list.listID}}
<span *ngFor="let keyword of list.splittedName">
<span *ngIf="keyword != 'Engine Oil' && keyword != 'minimum' && keyword != 'maximum'">{{keyword}}</span>
<b *ngIf="keyword == 'Engine Oil' || keyword == 'minimum' || keyword == 'maximum'">{{keyword}}</b>
</span>
</p>
</div>