添加反应性FormGroup动态地将其他元素移到元素上方

Question

我正在使用Angluar 6反应性表单并动态添加表单组。但是样式是完全错误的，我不知道问题可能出在哪里（见图）。 它是Angular Material（lemma "x ∈ elems xs ⟹ ∃ ys zs. xs = ys @ x # zs ∧ x ∉ elems ys" proof (induction) case (Cons l ls) thus ?case proof (cases "x ≠ l") case True hence "∃ys zs. ls = ys @ x # zs ∧ x ∉ elems ys" using Cons by simp thus ?thesis using ‹x ≠ l› Cons_eq_appendI by fastforce qed (fastforce) qed (simp) ）和Angluar flex-layout的混合体。 列表元素似乎居中，但没有位置居中。

请原谅我没有代码示例，但这只是尝试将其放入JSfiddle的许多工作的唯一方式。

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

Answer 1

答案很简单。切勿将<mat-list>放入<mat-grid-list>中！它们是两个独立的概念。 Mat-grid-list用于具有列的布局，而mat-list仅用于具有行和仅一列的布局。