angular - Flex 材料单元，长“字”，换行

Question

我有以下代码：

https://stackblitz.com/edit/angular-syqjgp

我在尝试使数据单元格中的文本正确换行时遇到问题。

要查看它不起作用，请执行以下操作：

1. 从选择现有元素 (2)下拉列表中，选择From Data 01 To Another Data entry
2. 向下滚动到Data01 Fields条目并通过单击将其展开。
3. 检查Destination Field的前两行数据单元格。

它里面有很长的数据，我想把它换行，但事实并非如此。

我试过了，没有成功：

.input {
    flex-wrap:wrap
}

我试过了，没有成功：

.mat-cell {
    padding: 0 10px;
    flex: 1;
    word-wrap: break-word;
    height: 48px;
}

我也评论了高度：48px。

输入文本可以换行吗？

标签： angularsassangular-material