Angular 在HTML条件类中将字符串转换为变量?角度4

Angular 在HTML条件类中将字符串转换为变量?角度4,angular,Angular,我正在创建一个动态列表,并尝试将一个类应用于列表元素(如果它满足特定条件) <li *ngFor="let starNumber of numbersOfStars" [class.filled]="'intro' + starNumber >= starNumber" ></li> 这是行不通的。我是否正确连接字符串和变量?这可能吗 我不懂你的语法。您希望应用哪个css类,以及何时应用?因为您当前的代码相当于[class.filled]=“false”。字符串

我正在创建一个动态列表,并尝试将一个类应用于列表元素(如果它满足特定条件)

<li *ngFor="let starNumber of numbersOfStars" [class.filled]="'intro' + starNumber  >= starNumber" ></li>

这是行不通的。我是否正确连接字符串和变量?这可能吗

我不懂你的语法。您希望应用哪个css类,以及何时应用?因为您当前的代码相当于
[class.filled]=“false”
。字符串“intro2”怎么可能是>=2?第一个列表元素是“intro1”>=1。在.ts文件中,我将intro1的值设置为1。所以它的计算结果应该为true。将字符串“intro1”与数字1进行比较没有任何意义。JavaScript当然允许这样做,但结果是错误的。我正在尝试创建一个新变量,该变量将绑定到.ts文件中的公共变量。“intro1”不是一个变量。我是一根绳子。我想你应该将你的intro值存储在一个数组中,并使用intro[starNumber]。
public numberOfStars: Array<number> = [1, 2, 3, 4, 5];
public intro1: number = 1;