【问题标题】:I want show the response dynamically in Angular8我想在 Angular8 中动态显示响应
【发布时间】:2020-05-19 09:26:58
【问题描述】:

这里是 JSON 数据,我需要将此数据绑定到 Html 页面控件,如标签和文本框。 我需要以角度动态绑定所有值。你们有什么想法吗?请帮我。

  {
      "model": "abcd.abilivcdcty.configuration",
      "typeId": "abcd.edge.modules.opcuamodule.configuration",
      "baseTypes": [
        "abcd.ia.edge.module.configuration@1.0.0"
      ],
      "version": "1.0.0",
      "unique": [
        "name"
      ],

这里是静态词,它应该作为标签,其余的名称和值应该显示为动态。

},
"abilityConfiguration": {
  "useRestEndpoint": {
    "dataType": "boolean",
    "value": true
  },


  "associatedEndpoints": {
    "dataType": "array",
    "items": "string"
  }
},
"uaApplicationConfiguration": {
  "applicationName": {
    "dataType": "string",
    "value": "ABCD.IA.Edge.UaModule"
  },
  "applicationUri": {
    "dataType": "string",
    "value": "urn:abcd:ia:edge:UaModule"
  },
  "productUri": {
    "dataType": "string",
    "value": "http://abbcd.com/Ia/Edge/UaModule/"
  },
  "applicationType": {
    "dataType": "integer",
    "value": 1
  },
  "securityConfiguration": {
    "connectionMode": {
      "dataType": "string",
      "value": "None"
    },
    "securityLevel": {
      "dataType": "integer",
      "value": 0
    },
    "userIdentityType": {
      "dataType": "string",
      "value": "Anonymous"
    },
    "applicationCertificate": {
      "storeType": {
        "dataType": "string",
        "value": "Directory"
      },
      "storePath": {
        "dataType": "string",
        "value": "./OPC Foundation/PKI/own"
      },

    },
    "trustedIssuerCertificates": {
      "StoreType": {
        "dataType": "string",
        "value": "Directory"
      },
      "storePath": {
        "dataType": "string",
        "value": "./OPC Foundation/PKI/issuer"
      }
    },
    "trustedPeerCertificates": {
      "storeType": {
        "dataType": "string",
        "value": "Directory"
      },
      "storePath": {
        "dataType": "string",
        "value": "./OPC Foundation/PKI/trusted"
      }
    },
    "rejectedCertificateStore": {
      "storeType": {
        "dataType": "string",
        "value": "Directory"
      },
      "storePath": {
        "dataType": "string",
        "value": "./OPC Foundation/PKI/rejected"
      }
    },
    "autoAcceptUntrustedCertificates": {
      "dataType": "boolean",
      "value": true
    },
    "nonceLength": {
      "dataType": "integer",
      "value": 32
    },
    "addAppCertToTrustedStore": {
      "dataType": "boolean",
      "value": true
    },
    "rejectSHA1SignedCertificates": {
      "dataType": "boolean",
      "value": true
    },
    "minimumCertificateKeySize": {
      "dataType": "integer",
      "value": 2048
    }
  },
  "transportQuotas": {
    "OperationTimeout": {
      "dataType": "integer",
      "value": 120000
    },
    "maxStringLength": {
      "dataType": "integer",
      "value": 1048576
    },
    "maxByteStringLength": {
      "dataType": "integer",
      "value": 4194304
    },
    "maxArrayLength": {
      "dataType": "integer",
      "value": 65535
    },
    "maxMessageSize": {
      "dataType": "integer",
      "value": 4194304
    },

  "clientConfiguration": {
    "hdaDataStoragePath": {
      "dataType": "string",
      "value": "string"
    },
    "metadataStoragePath": {
      "dataType": "string",
      "value": "/opcua/metadata"
    },
    "useDnsNameAndPortFromDiscoveryUrl": {
      "dataType": "boolean",
      "value": true
    },
    "useSecureConnection": {
      "dataType": "string",
      "value": "None"
    },
    "reconnectInterval": {
      "dataType": "integer",
      "value": 5000
    },
    "allNodeBrowseAtConnect": {
      "dataType": "boolean",
      "value": true
    },
    "daReadConfig": {
      "readInterval": {
        "dataType": "integer",
        "value": 1000
      },
      "usingSubscription": {
        "dataType": "boolean",
        "value": true
      }
    },

    "hdaNodesToRead": {
      "description": "Node details are provides that to be subscribed",
      "dataType": "array",
      "items": "string",
      "value": [
        "ns=2;s=AlternatingBoolean",
        "ns=2;s=DipData",
        "ns=2;s=NegativeTrendData",
        "ns=2;s=PositiveTrendData",
        "ns=2;s=RandomSignedInt32",
        "ns=2;s=RandomUnsignedInt32",
        "ns=2;s=SpikeData",
        "ns=2;s=StepUp",
        "ns=3;s=Furnace1.State",
        "ns=3;s=Furnace1.Temperature",
        "ns=3;s=Furnace1.TemperatureSetPoint"
      ]
    },
    "hdaReadConfig": {
      "from": {
        "dataType": "string",
        "value": "2012-01-022"
      },
      "to": {
        "dataType": "string",
        "value": "2012-02-11"
      },
      "frequency": {
        "dataType": "string",
        "value": "2"
      }
    },
    "generateMetaData": {
      "dataType": "boolean",
      "value": true
    },
    "defaultSessionTimeout": {
      "dataType": "integer",
      "value": 600000
    },
    "minSubscriptionLifetime": {
      "dataType": "integer",
      "value": 10000
    }
  },
  "traceConfiguration": {
    "outputFilePath": {
      "dataType": "string",
      "value": "./ABcd.Edgeasd.UaModule.log.txt"
    },
    "deleteOnLoad": {
      "dataType": "boolean",
      "value": true
    },
    "traceMasks": {
      "dataType": "integer",
      "value": 0
    }
  },
  "disableHiResClock": {
    "dataType": "boolean",
    "value": true
  }
},
"rabbitMqConfiguration": {
  "hostIpAddress": {
    "dataType": "string",
    "value": "124.123.134"
  },
  "userName": {
    "dataType": "string",
    "value": "abcd-admin"
  },
  "password": {
    "dataType": "string",
    "value": "abcd1234"
  },
  "virtualHostAddress": {
    "dataType": "string",
    "value": "/"
  }
},
"docker": {
  "env": {
    "value": {
      "telemetryConfiguration__enabled": {
        "value": "true"
      },
      "edgeModuleConfiguration__communicationTimeout": {
        "value": "00:01:00"
      },
      "edgeModuleConfiguration__keepAlivePeriod": {
        "value": "00:01:30"
      },
      "log_level": {
        "value": "Information"
      },
      "storageConfiguration__storagePath": {
        "value": "/files"
      }
    }
  },
  "image": {
    "value": "abcd.azurecr.io/abcd.abasdkajs.device.edge.dias.opcclclc:1.0.3"
  }
}

}, “已删除”:假 }

【问题讨论】:

    标签: json angular


    【解决方案1】:
    1. 了解 Angular 的基础知识
    2. 您可以使用 Angular FormsModule 在表单中呈现数据。或者使用模板中的{{ 'some data' }}notation 来显示一些json数据。

    一些有用的链接:

    【讨论】:

    • 嗨玲,其实我的要求是任何来自服务的响应。一切都需要动态绑定。方法。在这里我应该只使用一个文本框和标签。?
    • 你红了我的链接吗?它们应该满足您的要求。尤其是第一个
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-13
    • 2021-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多