用户界面搭建过程中,某些组件例如文本组件支持输入和编辑内容。为了灵活地设置这些组件的内容参数,用户界面编辑器提供了两种配置方式:设置常量和引用变量。本文将详细介绍如何配置组件的内容参数,包括常量设置和变量引用。
支持设置内容参数的组件种类繁多,包括但不限于文本、按钮、表单、列表、开关、多行文本、徽章、代码展示器、Markdown、下拉选项、数字输入框、文件上传、图片上传。
设置常量是一种在组件中直接指定固定值的方法,适用于内容不需要动态更新的场景。
以文本组件为例,演示如何设置常量。
配置完成后,在画布查看文本组件的内容。
引用变量是一种动态设置内容参数的方法,可以根据运行时的数据动态更新组件内容,适用于需要与其他组件或数据源交互的场景。引用变量的基本语法是在变量名前加上双大括号 {{}}。例如,如果你有一个名为 username 的变量,你可以在组件中这样引用它:{{username}}。
目前,支持引用工作流的返回数据、组件的 content、URL 参数和局部上下文。
注意
引用变量时,请注意:
在组件中引用变量时,支持引用工作流输出节点的输出内容,可以在用户界面中呈现类似“Loading 中”的效果,避免某个节点处理时间过长,影响用户体验。目前仅支持引用主工作流的输出节点,暂不支持引用子工作流中的输出节点。此外,引用循环节点或批处理节点中的输出节点时,不可引用其中某次循环或某次批处理流程中的输出节点。
例如以下示例,表示引用工作流 solve_problem 中输出节点_1 的输出内容。
以文本组件A引用文本组件B的content为例,演示如何引用变量:
content方法,即可引用文本组件B的文本内容。引用完成后,在画布中查看文本组件A的内容。