本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 在 Amazon Connect 的无代码用户界面生成器中配置动态字段
<a name="no-code-ui-builder-properties-dynamic-fields"></a>

本主题介绍在使用 Amazon Connect 中的无代码生成器用户界面构建座席和客户界面时，如何配置组件中的动态字段以显示运行时数据而不是硬编码值。

在某些情况下，您可能希望向座席或客户显示的数据是动态填充的，而不是硬编码的。例如，如果要制作屏幕弹出窗口，您可能想要显示客户的姓名和配置文件 ID。您需要数据是动态的，因为这些字段的值会随着联系人的不同而变化。

要动态填充组件字段：

1. 打开该组件的属性选项卡。

1. 选择显示在您希望成为动态的字段旁边的动态图标（闪电图标）。

需要动态值的最常见字段有：
+ 显示字段的**值**字段。
+ 表单输入中的**DefaultValue**字段。

从技术上讲，可以在运行时动态确定任何对座席可见和隐藏的字段。这就是为什么**属性**选项卡中的每个字段都可以设置为动态（闪电图标）的原因。

例如，查看下图中的**AttributesBar**组件。

![\[“属性栏”组件，其“值”设置为动态的。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-attributebar-example.png)

+ 属性 1 的标签静态定义为**客户名称**。
+ 该属性的**值**设置为动态的（选择了闪电图标）。

使用这些设置时，的值**AttributesBar**由运行时传入[显示视图](show-view-block.md)区块的数据决定。

当字段设置为动态时，其静态值将替换为动态引用。字段下方将显示**示例数据**部分。您可以使用此部分来定义[示例数据](no-code-ui-builder-sample-data.md)。

动态引用反映了在设置运行时数据时[显示视图](show-view-block.md)数据块所期望的数据结构。例如，考虑[AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)组件中属性 1 的**值**，如下图所示。

![\[动态 AttributesBar 组件中属性 1 的值。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-dynamicicon.png)

+  当设置为动态时，该字段变为 `$.AttributeBar_1.Attributes[0].Value`，其中 `AttributeBar_1` 是组件的 ID。
+ 这表示在[显示视图](show-view-block.md)数据块中，`AttributeBar_1` 字段应该接收一个对象。
+ 该对象包含一个 `Attributes` 数组，其中第一个项目 (`[0]`) 预期是带有 `Value` 字段的对象。

您可以编辑动态引用以获得清晰性或可重用性。动态引用可以在视图中的多个字段和组件之间共享。例如，在[AttributeBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)组件的下图中，我们将其动态引用更新为`$.myAttributeValue`。[显示视图](show-view-block.md)数据块现在有一个要求字符串输入的 `myAttributeValue` 字段。

![\[AttributeBar 组件的属性，一个动态的值。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-dynamic-example2.png)


**重要**  
动态引用的类型必须与字段的预期类型相匹配。例如，您不能在布尔值字段中使用基于字符串的动态引用。下图显示了动态引用不匹配时的错误消息示例。  

![\[“自定义”面板，一则错误消息，原因是动态引用与字段中的预期类型不匹配。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-4.png)


还可以选择将组件中某个特性的所有属性都设置为动态的。在下图中，有关此属性的所有内容（包括标签）都是在运行时根据传递到[显示视图](show-view-block.md)数据块的值来确定的。例如，**客户数据**现在是示例数据，您可以使用这些数据来了解座席在使用指南时将看到的内容。但是，座席无法查看此值。

![\[“自定义”面板，“客户名称”作为示例数据。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-5.png)


对于某些组件，例如 [AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)，您也可以将组件的所有属性设置为动态。例如，使用 AttributeBar，您可以设置选择动态图标（闪电）以使所有属性成为动态属性。这些属性由在运行时传递给[显示视图](show-view-block.md)数据块的内容决定。

![\[的所有属性 AttributeBar 都设置为动态。\]](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-6.png)