Angular 5列表框多个选定项

Question

我有2个列表框。我将列表框1中的项目添加到列表框2中。然后应在列表框2中突出显示这些项目。添加工作正常，但是不会突出显示列表框2中的项目。

HTML：

<select [(ngModel)]="add" name="addDD" multiple style="height: 150px;">
    <option *ngFor="let ec of addSelection" [value]="ec.id">
         {{ec.name}}
    </option>
</select>
<button class="btn btn-primary" style="width: 100px;" (click)="Add()">ADD</button>



<select [(ngModel)]="remove" name="removeDD" multiple style="height: 150px;">
    <option *ngFor="let ec of removeSelection" [value]="ec.id">
         {{ec.name}}
    </option>
</select>
<button class="btn btn-primary" style="width: 100px;" (click)="Remove()">Remove</button>

TS：在打字稿的Add（）和Remove（）方法中：我从相应列表中添加和删除项目。而且两个列表都是id（数字）和name（字符串）列表。

使用的技术：Angular 5，ASP.Net MVC 5，Typescript 3.0.3

谢谢。