2017-10-03 23 views
-1

なぜこれが機能しないのですか?私はブラウザのコンソールで "tr"のクローズドタグのエラーを取得します。角2:閉じたtrタグ

Error: Template parse errors: 
Unexpected closing tag "tr". It may happen when the tag has already been closed by another tag. 

しかし、わかるように、クローズドタグはありません。 私は最初にtrを開き、最後に閉じます。したがって、ngIfのclose-openはどんな場合でも動作するはずです。

import {Component} from '@angular/core'; 

@Component({ 
selector: "parent", 

template: ` 
<table border=1> 
<tr> 

<ng-container *ngFor="let k of [1,2,3,4]"> 
<td>test</td> 
<ng-container *ngIf="true"> 
    </tr><tr> 
</ng-container> 
</ng-container> 

</tr> 
</table> 
` 
}) 

export class ParentComponent {} 

ありがとうございました!

答えて

0

はあなたが間違った道の周りのテーブルの行には開閉持っているあなたの<ng-container>

</tr><tr> 

であるべき

<tr></tr> 
+0

ことでしょう巣 '' '既存の内部.. 。 '。例: '​​test ' 2番目のcontainsがtrueを評価すると、OPは* 2番目の行を作成しようとしていますが、そうでなければ1つしかないと思います。ネストされたものではありません。 –

+0

@RoddyoftheFrozenPeas良い点。はい、私はコードを誤解しています。その場合、OPはこのコードを元の ''の外に移動する必要があります。 ' ' –

+1

私はテンプレートがとにかくパースエラーがヒットする有効なHTMLまたはOPであることが必要であると考えています。がコンテナ内にネストされないように、コードを再構成する必要があります。 – Alterlife

関連する問題