Angular和FlexLayout

Question

我在布局方面有一些问题。

我有一个“障碍”。在一个块内，有多个“字段”。有些字段必须在左侧（对于父亲），其他字段必须在右侧（对于母亲）

我的代码块是这样的（我正在通过REST API使用JSON构建表单）：

var block = [
{name: "fatherName", coloumn="left"},
{name: "fatherAddress", coloumn="left"},
{name: "fatherPhome ", coloumn="left"},
{name: "motherName", coloumn="right"},
{name: "motherAddress", coloumn="right"},
{name: "motherPhone", coloumn="right"}
]

我想要一个这样的视图：

fatherName : ""     motherName : ""
fatherAdress : ""   motherAdress :""
fatherPhone: ""     motherPhone : ""

我正在尝试这样的事情：

<div *ngFor="let field of block">
   <div *ngIf="field.column == 'left'>
     <input type="text" [placeholder]="field.name">
   </div>
   <div *ngIf="field.column == 'right'>
     <input type="text" [placeholder]="field.name">
   </div>
</div>

但是它没有按预期工作。基本上认为我的整个区块是一个容器。在此容器内有两个拖曳容器： 左容器（具有父亲属性） 正确的容器（具有母亲属性）

但是我不知道该如何继续...知道吗？

谢谢