Не удается прочитать свойство 'setProperty' с неопределенной проблемой fxFlex с контейнером ng Angular 9 Flex Layout

Question

<div [fxLayout]="fields.layoutConfig.layoutDirection + ' wrap'" fxLayout.xs="column"
    [fxLayoutGap]="fields.layoutConfig.fxLayoutGap">

    <ng-container [fxFlex]="50" *ngFor="let field of fields.componentConfig;" reactiveField [field]="field" [group]="form">
    </ng-container>

</div>

Попытка использовать [fxFlex] = "50" внутри контейнера, получая ошибку Cannot read property 'setProperty' of undefined

Некоторые из выпуски https://github.com/angular/flex-layout/issues/1046 https://github.com/angular/flex-layout/issues/381

Answer 1

Привязать контейнер внутри

<div [fxLayout]="fields.layoutConfig.fxLayout + ' wrap'" fxLayout.xs="column"
    [fxLayoutGap]="fields.layoutConfig.fxLayoutGap"
    [fxLayoutAlign]="fields.layoutConfig.fxLayoutAlignHorizontal + ' ' + fields.layoutConfig.fxLayoutAlignVertical">
    <div [fxFlex]="fields.layoutConfig.fxFlex" *ngFor="let field of fields.componentConfig;">
        <ng-container reactiveField [field]="field" [group]="form"></ng-container>
    </div>
</div>

Answer 2

Вы не должны использовать привязку свойств для fxLayout и fxLayoutGap.