使用angular-formly和Angular 5 with Material Design并排排列两个输入框

Question

我正在与角材料的角正式工作。我的问题是如何在不编写任何外部CSS的情况下并排排列两个输入框？使用AngularJS，我们可以选择排列布局like so。但我不知道如何使用Angular来做到这一点。

Answer 1

我用下面的json格式实现了这一点：

orderFields: FormlyFieldConfig[] = [
    {
        fieldGroupClassName: 'flex-container',
        fieldGroup: [
            {
                className: 'mat-form-field',
                type: 'input',
                key: 'firstName',
                templateOptions: {
                  label: 'First Name',
                }
            },
            {
                className: 'mat-form-field ',
                type: 'input',
                key: 'lastName',
                templateOptions: {
                  label: 'Last Name',
                }

            },
            {
              className: 'mat-form-field',
              type: 'input',
              key: 'lastName',
              templateOptions: {
                label: 'Last Name',
              }
        }]
  }
];

在这里，类'mat-form-field'是并排排列输入的关键。