angular - 如何配置表单字段需要验证或不使用属性文件

Question

如何配置表单字段需要验证或不使用属性文件。

例如：我们有很多表单域。姓名，年龄，地址

使用配置文件想要使名称和年龄成为必需的。

稍后如果需要将 Age 设为可选。

我们如何存档。

Answer 1

您可以通过以下方式安装包 angular6-json-schema-formnpm i angular6-json-schema-form

在ts文件中配置json格式的表单

exampleJsonObject = {
  "first_name": "Jane", "last_name": "Doe", "age": 25, "is_company": false,
  "address": {
    "street_1": "123 Main St.", "street_2": null,
    "city": "Las Vegas", "state": "NV", "zip_code": "89123"
  },
  "phone_numbers": [
    { "number": "702-123-4567", "type": "cell" },
    { "number": "702-987-6543", "type": "work" }
  ], "notes": ""
};

在 HTML 中

<json-schema-form
  loadExternalAssets="true"
  [(ngModel)]="exampleJsonObject">
</json-schema-form>

更多参考

包https://www.npmjs.com/package/angular6-json-schema-form

示例https://hamidihamza.com/Angular6-json-schema-form/