材料和FlexLayout连续不同的宽度输入不会缩小和增长

时间:2018-06-14 09:23:33

标签: angular angular-material angular-flex-layout

我有一排控件,我想要有不同的宽度,但伸展以填充整行。即优先级,区域和状态都是大约10个字符,而所有者和工程师是我给出大约25个字符的名称。

fxFlex="1 1 20em"

如果我不尝试在fxFlex中设置属性,则字段的宽度相同,并且正确地增长和缩小,即上面的Other1和Other2。

我正在玩这个简单的stackblitz,我发现here,我已尝试fxFlex设置*.lt-md作为第一个mat-form-字段和'Date': integer 'date' @default: today (我也取出了容器的两个now指令)我看到了不同大小的字段,但它们并没有填满整个宽度。

我还尝试将fxFlexFill添加到容器中,但它并没有改变输出。

在演示中,我希望看到名字字段增长和缩小以匹配电子邮件字段。但是这些字段是固定的宽度,既不增长也不缩小。

我不想使用%widths,因为我希望控件在宽度太小时换行。

0 个答案:

没有答案