是否可以使用angular 2有条件地关闭html标记?
我需要这样的东西:是否可以使用angular 2有条件地关闭html标记?,html,angular,Html,Angular,我需要这样的东西: 一些代码。。。 不,不支持。模板必须是有效的HTML,否则Angular将无法解析它 <ng-container *ngFor="let node of tree"> <tr> <td> {{node.name}} </td> </tr> <tr *ngIf="node.hasChildren" app-rower [tree]
一些代码。。。
不,不支持。模板必须是有效的HTML,否则Angular将无法解析它
<ng-container *ngFor="let node of tree">
<tr>
<td>
{{node.name}}
</td>
</tr>
<tr *ngIf="node.hasChildren" app-rower [tree]="node.children" >
</tr>
</ng-container>
{{node.name}
不是(请参见我的答案),如果您能提供更多信息,可能会有关于如何解决问题的建议。我编辑了我的帖子,以便更清楚地了解我想要实现的目标。基本上,我正在尝试使用节点列表生成一个合适的表。我试图理解您的示例。不知道我是否成功了。请看一看,并尝试解释这是否符合您的要求,或者它如何产生与所需结果不同的结果?我很难说,因为我不知道rower.component在做什么。你能发布你想要得到的HTML的样子吗?那么app rower正在生成
s一口井,你想要它们都在同一个水平上?我想您需要将数据结构展平,然后在展平结构上运行*ngFor
,它们必须处于同一级别,否则会导致无效的HTML。另一种方法可能是不使用
组件来呈现子节点,而是使用代码>与
。通过这种方式,您应该能够在不扁平化数据结构的情况下解析递归。您可以使用ngTemplateOutlet
和ngForTemplate
进行此操作。