我正在 angular 6 中创建一个应用程序(我计划将它迁移到 ng7),并且在其中一个组件中需要添加 2 个元素,ng 材料的 textarea 和我的自定义组件。每个都应占可用高度的 50%。我对 textarea 有问题,因为生成的 mat-form-field-wrapper 只占用它需要的空间,我无法在该元素中实现我的目标(我不想使用任何 ::ng-deep 解决方案作为不推荐)
这是我到目前为止所做的(当然是样本):
<form [formGroup]="myGroup" fxLayout="column" fxLayoutAlign="center stretch" fxFlex="1 1 100%">
<mat-form-field fxFlex="1 1 100%" fxLayout="column" fxLayoutAlign="start stretch">
<textarea matInput formControlName="myControl" fxFlex="1 1 100%"></textarea>
</mat-form-field>
</form>
<my-custom-component *ngIf="somevariable" [variable]="somevariable"></my-custom-component>
Run Code Online (Sandbox Code Playgroud)