如何配置表單字段是否需要驗證或是否不使用屬性文件

Question

如何配置表單字段是否需要驗證或是否不使用屬性文件。

例如：我們有很多表格字段。 姓名，年齡，地址

使用配置文件需要輸入名稱和年齡。

以后如果需要將年齡設為可選。

我們該如何存檔。

Answer 1

您可以通過NPM安裝angular6-json-schema-form軟件包npm 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/