如何在 Dash 回调的值之前显示一些文本？

【问题标题】：How to display some text before a value from a Dash callback?如何在 Dash 回调的值之前显示一些文本？
【发布时间】：2021-03-31 09:56:04
【问题描述】：

使用 Plotly Dash，我有一行 html.H6(id='output_div') 显示一个整数（比如 10）。

我想在该整数之前显示一些文本（比如“这是整数”）。我不能在回调函数中使用{}.format()，因为我需要在另一个回调函数中输入该整数。

如何修改 html.H6(id='output_div') 以在一行中显示“这是整数 10”而不是“10”？

【问题讨论】：

很简单，您将其存储在一个变量中并打印该变量，然后将该变量传递给回调函数（如果我理解正确？）
嗯，变量在 Dash 中存储为 'output_div'。但我不确定是否可以在不使用 Dash 的情况下打印它。因此，问题在于如何根据需要使用 Dash 打印它。

标签： python html dashboard plotly-dash

【解决方案1】：

使用html.Span 是一种方式。

您的布局将包含：

html.H6(
    id='output-1',
    children=[
        'This is integer ',
        html.Span(id='output-2', children=''),
    ]
)

您的回调输出仅将整数输出到'output-2'。然后，您可以在其他地方使用 'output-2' 的 children 作为 Input 将该整数读回回调中。如果您需要将其更改为 "This is a float" 或 "This is a string" 之类的内容，您还可以更新 'output-1' children 属性。

【讨论】：