Moduloがテンプレートの解析エラーを返します

Question

私はイオンアプリのための非常に簡単なカレンダー表示機能をコーディングしようとしています（基本的にAngularです）。私は各日付の情報を配列displayedCalに格納しています。
*ngIf="(i%7)==0"を使用して毎週新しい行を作成しようとしているときにバグが発生すると、解析エラーが発生します。これを行う正しい方法は何でしょうか？非イオン性developpers <ion-row>と<ion-col>へ

<template ngFor let-d [ngForOf]="displayedCal" let-i="index"> 
    <ion-row *ngIf="(i%7)==0"> 
     <ion-col (click)="...">{{d.displayedDate}}</ion-col> 
    </ion-row *ngIf="(i%7)==0"> 
    </template> 

注ほとんど<tr>/<td>構造のようなものです...

NB：私はちょうどngIf私のコードは、実際に削除した場合ワーキング。

Answer 1

ngIfは、コード行だけでなくブロック全体に適用されます。しかし、これがうまくいくとしても、あなたの目的にはまだ意味がありません。

あなたはこの形式で多次元配列にごdisplayedCal配列を変更することができます：displayedCal[week][day]して、ネストされたループを作る：

<template *ngFor="let week of displayedCal"> 
    <ion-row *ngFor"let day of week"> 
    <ion-col (click)="...">{{day.whatever}}</ion-col> 
    </ion-row> 
</template> 

しかし、日付と時刻が微妙な問題です。データモデルは注意深く検討する必要があります。

Answer 2

私は[week][day]構造をしたくありませんでした。なぜなら、それは私の他の機能のワークフローを壊すからです。とにかく、私は私が最終的にあなたのパターンを採用したかったとして、それは動作しませんでした、これは私が思い付いたものですので、：

<template ngFor let-week [ngForOf]="displayedCal" let-i="index"> 
    <ion-row> 
     <ion-col *ngFor="let day of week" (click)="...">{{day.displayedDate}}</ion-col> 
    </ion-row> 
    </template> 

はあなたの助けのためにありがとうございました！ :)