我已经在Angular 2中创建了一个带有html的日历，现在我想把事件放在它们中，当天颜色，在单元格内放一个点或什么的 . 我有一个带有数据的json文件，其中每个“事件”包括格式为yyyy-mm-dd的日期，以及一些其他带有信息的属性 . 为了在日历和数据之间轻松连接，我希望为每个单元格提供上述日期格式的ID，但ID的要求是至少有1个字符，所以我不能这样做 .
有什么建议我可以解决这个问题吗？知道这是一个学校日历可能是一个优势，所以它只需要每年更新一次 .
这就是我的html的样子 . 我调用一个函数来打印日历的每周，以月和年为输入，并通过ngFor运行它，从json文件（cell.id）返回ID为（attr.id）的7个单元格，并在cell（cell.text） .
<table>
<tr>
<td *ngFor="let cell of weekOne(8, 2016)"
[attr.id]="cell.id">{{cell.text}}</td>
</tr>
<tr>
<td *ngFor="let cell of otherWeeks(8, 2016)"
[attr.id]="cell.id">{{cell.text}}</td>
</tr>
<tr>
<td *ngFor="let cell of otherWeeks(8, 2016)"
[attr.id]="cell.id">{{cell.text}}</td>
</tr>
<tr>
<td *ngFor="let cell of otherWeeks(8, 2016)"
[attr.id]="cell.id">{{cell.text}}</td>
</tr>
<tr>
<td *ngFor="let cell of otherWeeks(8, 2016)"
[attr.id]="cell.id">{{cell.text}}</td>
</tr>
</table>
json文件中的“events”如下所示：
{
"pupilday": "No",
"comment": "Planning day",
"teacherday": "No",
"school": "Auglend school",
"date": "2016-08-15"
},
etc......
如果您需要其他代码帮助，请给我一个注释 .
1 回答
你可以添加一个人工角色来使id有效：