如何将与服务相关的消息绑定到NgxuiLoader?

时间:2019-11-28 17:53:13

标签: angular angular8

// app.component.html

    <ngx-ui-loader fgsColor="white" fgsSize="large" fgsType="square-jelly-box" text="Loading!"></ngx- 
    ui-loader>

//上面的代码将显示绑定到文本的加载器文本正在加载!。 期望:对。如果我正在调用getCustomers()的服务,我想显示一些消息,说“正在加载客户!”用装载机。

1 个答案:

答案 0 :(得分:0)

只需添加一个包含所需字符串的变量,然后将其传递给文本

// app.component.html

<ngx-ui-loader fgsColor="white" fgsSize="large" fgsType="square-jelly-box" [text]="loading"></ngx- 
ui-loader>

// app.component.ts

loading:string;
 setLoading(serviceCalled){
// based on service set loading text...
}

还调用服务中的setter并将必需的参数传递给加载字符串