如何在应用程序的某些点使用破折号加载

Question

我正在尝试为 n 小于 5 设置破折号加载组件。在 5 之后它应该消失，在 5 之前，只有加载组件显示。不幸的是，它仍然在间隔 5 之后显示，并且与其他组件一起显示。我该如何处理？

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div([

    dcc.Interval(id='interval-test', interval=1000, disabled =False),
    dcc.Loading(
            id="loading-1"),
    dcc.Dropdown(
        id='demo-dropdown',
    options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ],
    value='MTL'),
    
    daq.BooleanSwitch(
        on=True,
        color="#9B51E0"),
    
    daq.LEDDisplay(
    label="Test LED",
    value='1.001',
    backgroundColor="#FF5E5E"),

    html.H1(id='test-output1'),
    html.H1(id='test-output2')

])


@app.callback(Output("loading-1", 'children'),
               Input('interval-test', 'n_intervals'))
def interval_update(n):
     if n<=5:
         return n
     else:
         PreventUpdate
 

if __name__ == '__main__':
    app.run_server(debug=True)

Answer 1

您是否有不想将加载组件链接到您的应用实际加载时的原因？您可以将所有内容包装在加载组件中，它会在加载时自行显示/隐藏，而无需回调。这更多的是该组件的预期用途。尝试手动打开和关闭它是一项更适合您自己制作的工作，例如您可以通过回调显示或隐藏的文字“正在加载...”。