Question

我正在使用Nativescript + angular应用程序并使用RadDataForm。这是我的示例代码。

<RadDataForm (propertyValidate)="onPropertyValidate($event)" row="0" tkExampleTitle tkToggleNavButton #myDataForm [source]="person" 
[metadata]="personMetadata"></RadDataForm>

我正在使用“ Json”文件创建表单。

{
  "isReadOnly": false,
  "commitMode": "Immediate",
  "validationMode": "Immediate",
  "propertyAnnotations": [
    {
      "name": "insurance_name",
      "displayName": "Insurance Name",
      "index": 0,
      "validators": [
        {
          "name": "NonEmpty",
          "params": {
            "errorMessage": "Insurance Name cannot be empty."
          }
        },
        { "name": "MinimumLength", "params": { "length": 4 } }
      ]
    },
    {
      "name": "name",
      "displayName": "Name",
      "index": 1,
      "validators": [
        {
          "name": "NonEmpty",
          "params": {
            "errorMessage": "Name cannot be empty."
          }
        }
      ]
    }
  }
]

我只想知道我们如何在打字稿文件中动态显示/隐藏特定字段。假设我必须在选择下拉值时显示一些字段。希望你们理解我的关心。请让我知道是否有人知道。

Answer 1

这是一个简单的示例，您可以根据需要进行改进。

HTML

  Report Date Invoice No Open/Closed
0  2019-05-28          A        Open
1  2019-05-28          B        Open
2  2019-05-28          D        Open
3  2019-05-27          A        Open
4  2019-05-27          B        Open
5  2019-05-27          C      Closed
6  2019-05-26          A        Open
7  2019-05-26          B        Open
8  2019-05-26          C      Closed

TS

<RadDataForm [source]="person" [metadata]="personMetadata"
    (propertyValidated)="onPropertyValidated($event)"></RadDataForm>

我们如何在Typescript中动态隐藏或显示RadDataForm字段？

1 个答案: