根据Angular 2中的数组值动态设置类

时间:2017-05-04 14:46:35

标签: arrays angular typescript

我是TypeScript和Angular 2的新手,我不知道如何解决它。

我有一个工作日数组和七个数字的频率数组,或0或1,每个'1'对应于一周中的某一天,所以星期一将是[1,0,0,0,0 ,0,0],周六和周日将是[0,0,0,0,0,1,1],依此类推。 这些数组是动态的,因为频率数组来自服务器。

对于每个'1',我必须附加一个类,但是如果我有两个连续的1,则每个都有两个不同的类,如果我有三个连续的1,那么中心的一个也会有一个与其他两个不同的类,如果1是'单独',它也将有另一个类。

例如,如果数组是

frequencyArray: number[] = [1,0,1,1,1,0,0]

第一个必须有'singleOne'类,第二个必须有'leftOne'类,第三个'centerOne'和四个'rightOne'。

现在我有HTML

<span *ngFor="let frequency of frequencies; let i = index" [ngClass]="{'singleOne' : frequency}">{{weekDays[i]}}</span>

所以他将'singleOne'类附加到frequencyArray中的每1个。 如何根据数字的位置动态更改它?

我希望能够很好地解释它。

0 个答案:

没有答案