Angular 为循环2中的匹配项添加样式

我有一个数组项列表

['Mark'，'John']

我想在

项目

数组中找到

标记

，并用一些颜色突出显示它

我想将突出显示的

类添加到匹配的
li
标记中

我怎么做呢？请帮忙


导出类AppComponent{
标题=‘应用程序’；
公共项目=['Mark'，'John']；
显示：布尔；
onSubmit（文本：字符串）{
如果（本项目包括（文本））{
this.show=true；
}否则{
此.items.push（文本）；
this.show=false；
}
}
}

添加
项目已退出


{{item}}


您可以有条件地在angular中设置检查属性的类

<li *ngFor="let item of items" [class.highlighted]="item==='Mark'">{{item}}</li>

{{item}

*ngFor中的项目在您使用它的标记中已经可以访问。[class.highlighted]后面跟着条件，在本例中，只需检查当前项是否等于Mark即可。因此，仅当条件为true时，高亮显示才作为类应用

希望这能有所帮助。
您可以有条件地在angular中设置一个类来检查属性

<li *ngFor="let item of items" [class.highlighted]="item==='Mark'">{{item}}</li>

{{item}

*ngFor中的项目在您使用它的标记中已经可以访问。[class.highlighted]后面跟着条件，在本例中，只需检查当前项是否等于Mark即可。因此，仅当条件为true时，高亮显示才作为类应用

希望这有帮助。
是否可以在不使用类的情况下使用内联样式？我认为您也可以这样设置特定的内联属性（例如颜色）：
，但我确信是否有一种方法可以在一个html属性中使用多个样式。检查这个：是否可以在没有类的情况下使用内联样式？我认为您也可以像这样设置特定的内联属性（例如颜色）：
，但是我确定是否有一种方法可以在一个html属性中使用多个样式。看看这个：