如何在Angular模板中遍历数组，按规律显示不同颜色的瓦片？

数组共有12条记录对应每个瓦片，遍历索引0至11时，各瓦片的颜色与索引对应关系如下：

• 红色：对应索引 0、4、8、12
  注：索引12超出当前数组0-11的有效范围，实际使用时请留意
• 绿色：对应索引 1、5、9
• 黄色：对应索引 2、6、10
• 蓝色：对应索引 3、7、11

内容的提问来源于stack exchange，提问作者Raj