在计算之间用破折号巧妙地更新标签

Question

我是一个新的dash策略，并使用这个为我的一些个人项目。现在我有一个长时间的计算运行，我需要更新一些状态栏，如标签与计算的进展。像这样的东西

app.layout = html.Div([
    html.Div([
        html.Button("Start calculation",n_clicks=0,id="btn")
        html.Label('Calculation 1 complete', style={'display':"none"}, id='cal1'),
        html.Label('Calculation 2 complete', style={'display':"none"}, id='cal1'),
        html.Label('Calculation 3 complete', style={'display':"none"}, id='cal1'),
])
])


@app.callback(
    [Output('cal1', 'style'),
    Output('cal2', 'style'),
    Output('cal3', 'style')],
    [Input('btn', 'n_clicks')])
def calculation():
    # long calulation 1
    #> make label id cal1 visible

    # long calulation 2
    #> make label id cal2 visible

    # long calulation 3
    #> make label id cal3 visible

    # calculation complete

Answer 1

尝试将html.label包装在html.div中，并将style={'display':'none'}传递到该div中，而不是html.label中。

然后要显示标签，在每次计算完成后返回{}，删除style={'display':'none'}。