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

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

1 个答案: