angular - 添加反应式 FormGroup 将其他元素动态移动到上述元素后面

Question

我正在使用 Angluar 6 反应式表单并动态添加表单组。但是样式完全错误，我不知道问题可能是什么（见图）。它是 Angular Material ( mat-grid-list, mat-grid-tile, mat-list, mat-list-item) 和 angular flex-layout 的混合体。列表元素似乎居中，但它没有设置为居中。

请原谅我没有代码示例，但是尝试将其放入 JSfiddle 将是一项艰巨的工作。

我只是想听听一些意见，如果其他人也遇到过同样的问题。如果我找到答案，我会自己在这里发布。

标签： angularflexboxangular-materialangular-reactive-formsangular-flex-layout

Answer 1

答案很简单。永远不要把 a<mat-list>放入 a 中<mat-grid-list>！它们是两个独立的概念。Mat-grid-list 用于具有列的布局，而 mat-list 仅用于具有行且只有一列的布局。