Angular的removeAt只能从FormArray中移除从第一个控件开始的其他控件。 _编程开发

Angular的removeAt只能从FormArray中移除从第一个控件开始的其他控件。

创始人

2024-10-24 09:03:35

0次

在Angular中，FormArray提供了一种在表单中动态添加和删除控件的功能。但是，在使用removeAt方法时，它只能从第一个控件开始移除其他控件，而不能从指定位置开始移除其他控件。

解决这个问题的一个简单方法是使用splice方法。可以使用splice方法从指定位置开始删除控件，并将其替换为空控件。

以下是一个示例代码片段，用于从FormArray的指定位置删除控件：

// 假设要删除的控件在索引1处
const formArray = this.form.get('myFormArray') as FormArray;
formArray.removeAt(1);
formArray.insert(1, new FormControl('')); // 插入一个空的控件

在这个示例中，我们首先使用removeAt方法从索引1处删除控件。然后，我们使用insert方法在同一位置添加一个空控件。这将替换我们刚刚删除的控件，并保持表单的一致性。

使用这种方法，我们可以轻松地从FormArray中删除控件。也可以使用类似的方法添加控件。

上一篇：Angular的removeAt方法总是从FormArray中移除最后一个元素。

下一篇：Angular的Renderer2.listen()方法可以有多个目标吗？

Angular的removeAt只能从FormArray中移除从第一个控件开始的其他控件。

相关内容

热门资讯