在Angular中，可以使用Flexbox布局来将字段并排显示。下面是一个示例代码，展示了如何使用Flexbox布局来实现字段的并排显示：

HTML模板：

  

    Name:
    
  
  

    Age:
    
  
  

    Email:
    
  

CSS样式：

.container {
  display: flex;
  flex-wrap: wrap;
}

.field {
  flex: 1 1 300px;
  margin-right: 10px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input {
  width: 100%;
}

在上面的示例中，我们使用了一个容器元素（class为"container"）来包含三个字段元素（class为"field"）。通过设置容器元素的display属性为flex，以及设置字段元素的flex属性为1，我们可以使字段元素在水平方向上并排显示。同时，我们还使用了flex-wrap属性来实现字段的换行显示。

每个字段元素包含一个label元素和一个input元素，用于显示字段的标签和输入框。通过设置label元素的display属性为block，我们可以让标签单独占据一行，并与输入框垂直对齐。通过设置input元素的width属性为100%，我们可以使输入框的宽度自适应其容器的宽度。

请注意，上述代码中使用了双向数据绑定（[(ngModel)]）来将输入框的值与组件类中的属性进行绑定。这样，在用户输入时，输入框的值会自动更新到对应的属性中。

通过使用上述代码，您可以在Angular中实现字段的并排显示。