javascript - Angular.js 获取表单作为数据结构？

Question

我尝试完成的事情:

我使用的框架按照约定默认生成这些类型的输入名称:

name="data[Model][field]

以下是“类(class)有许多学生”的表单结构示例:

name="data[Class][name]"
name="data[Student][0][name]"
name="data[Student][1][name]"

我现在的问题是我到底如何让这个结构反射(reflect)在我的 Angular $scope 中？

我期望相同的结构以某种方式出现在 $scope.data 或其他类似的东西中:

$scope.data: {
    Class: {
        name: 'Some Name',
    },
    Student: [
        {
            name: 'Some Name'
        },
        /* ... */
    ]
}

我尝试过的:

我尝试将表单命名为“数据”，因为我在某处读到它被选为另一个范围，并且字段将出现在该范围内。之后我尝试使用 ng-model="data.Model.field"对于每个字段。我能得到的最好的结果就是像这样的对象(从控制台复制):

Jc { $error={...}, $name="formData", $dirty=false, more...}

我认为这是 Angular 表单处理程序(？)，我也检查了文档，但我不知道如何通过它访问我的表单数据，也不知道如何将其转换为我想要的结构。

此外，我发现的 Angular 的每个表单处理示例都是不同的，看起来有一千种不同的方式来处理表单。我猜我刚刚迷路了。

• 那么有可能做我想做的事吗？
• 我想要的东西有意义吗？
• 如果是:我该怎么做？
• 如果没有:我如何最好地处理表单？

Answer 1

如果您只是尝试重新创建对象，则表单可能如下所示，并且可在 $scope.data 中使用。

    $scope.data = {};

    <form>
        <input ng-model='data.Class.name'/>                    
        <input ng-repeat='student in data.Student' ng-model='student.name'/>
        <input type='submit'/>
    </form>