Angular 从拖放组件获取json数据

如何从*ngFor循环中获取数据，在这里我从另一个组件调用数据

我需要在DROP place JSONexample中从所选表单控件和值创建JSON

questions = [{
    type: "INPUT",
    value: "test"
}, {
    type: "SELECT_BOX",
    selectedValue: "select option 1",
    avaliableOptions: ["select option 1", "select option 2", "select option 3"]
}]

Sry，如果JSON格式不正确，这仅用于示例

---

在组件cdk拖放连接排序示例中，我希望数据来自表单div。。。。用户创建自定义问题，保存时，我需要存储选定的问题、选定的答案以及选择框中的所有选项、复选框……，因为将来，用户将手动添加此问题中的所有选项

我已修改了两个控件的代码，您可以根据需要添加更多。我已经使用EventEmitter来获得更改后的控件值，如下所示

@Output() valueChange = new EventEmitter();

请单击查看所有代码

---

您将在formitems数组中获取所有项目

您希望在哪个组件中获取哪些数据？在组件cdk拖放连接排序示例中，我希望从表单div获取数据。。。。用户创建自定义问题，保存时，我需要存储选定的问题、选定的答案以及选择框、复选框中的所有选项……，因为将来，用户将手动添加此问题中的所有选项@Arter是否可能您的表单可以具有相同类型的多个控件？@Zulqarnanjalil是的，它是。。。thnx@Arter如果你想澄清代码，你可以在这里发表评论询问任何问题。@Alter这对你有帮助吗？嗨，thnx。。。在星期一我会看到你的答案，现在我在旅途中。。此外，当我点击你的链接，我得到404我有两个控制编码。输入并选择，您需要为其他控件编写相同的逻辑。好的，问题是[ngModel]=val in mat复选框无法将同一对象分配给多个控件。在您的情况下，所有三个复选框都具有相同的引用。所以，当你改变一个，它适用于所有。您需要删除此[ngModel]=val并尝试使用不同的逻辑。我现在在办公室。。无法在此上花费时间：-