使用數組作爲表達式應用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