首页 文章

日期(YYYY-MM-DD)在HTML / Angular 2中不作为ID使用

提问于
浏览 1219
0

我已经在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 回答

  • 0

    你可以添加一个人工角色来使id有效:

    attr.id="_{{cell.id}}"
    

相关问题