angularjs - Angular 模式形式中的模式和形式之间的关系是什么？

Question

在我的 Angular 项目中，我需要动态创建一些表单。我为此做了一些谷歌搜索，发现了一个模块 angular-schema-form .看来这正是我想要的，但问题是我不明白如何保持模式和形式。图式和形式的关系是什么？

我从 form types 阅读了文档但这对我不是很有帮助。我不想像 HIT 和 TRY 那样使用这个模块。我首先要了解这个概念:模式和形式之间的关系是什么？

Answer 1

要尝试解决基本问题:

What is the relation between schema and form?

简单来说，也许最容易这样想。要创建表单，您需要三段 JSON:

包含通过表单呈现的实际数据的 JSON。这是model .

JSON schema .这描述了 model 的结构。 .举一个非常简单的例子来说明model之间的关系。和 schema ，假设您的实际数据(您的 model )根据性别和年龄来描述一个人，例如 {sex: female, age: 32} . schema的作用|是描述模型的结构，所以在这种情况下它会描述应该有一个sex字符串类型的属性，其值只能是male或 female ，并且有一个 age属性(property)等。为了能够呈现使用您的 model 填充的表单数据，它只需要有一个 schema首先构建表单。

JSON form我认为是 可选 .您必须拥有它，但它可以简单地包含 "*" ，它告诉 angular-schema-form只是根据架构自动构建表单。在这种情况下，库将完全基于架构并使用文档中描述的默认设置来构建表单。但是，如果您愿意，您可以使用 form对象来描述您希望表单的结构。

这是 form 的灵 active 的一个非常粗略且非常简单的示例。对象给你:

以 person上面的对象示例，如果您不使用 form对象(即它只包含 "*" )然后 angular-schema-form将为您构建一个基于模式的表单。因此，它将具有 sex 的输入字段。和 age .这些字段可能会或可能不会采用您想要的格式、顺序或其他属性。然后您可以选择使用 form指示对象 angular-schema-form您希望它如何构建表单。例如，您可以使用 form使表单仅包含 age 的字段但不是 sex .

所以 model是您的数据， schema描述该数据的结构。简单地说， form为您的表单提供进一步的映射和配置层，覆盖将基于 schema 创建的默认表单独自的。

这有帮助吗？