使用数组作为表达式应用ngClass

Question

我想应用一个类，如果一个值匹配任何一个数组的元素。我的方法如下 -

sectionHeaders:Array<string>=["Appearance", "Personality and Interests", "Relationships", "In The Anime", "Anime", "Name", "Character Songs", "Trivia"]; 

<ion-item *ngFor="let info of characterInfo.sections"> 
    <h2 class="heading" [ngClass]='{"redBackground" : info?.title == sectionHeaders}'></h2> 
</ion-item> 

Answer 1

这是行不通的。您的标题不等于节标题数组。如果标题为包含的部分标题，则您希望应用该课程。 indexOf()允许知道：

[ngClass]="{redBackground : sectionHeaders.indexOf(info?.title) >= 0}" 

数组是任何JavaScript应用程序的基本构建块。您应该花点时间研究它们的方法：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array