Angular项目需要在从服务获取数据后进行空白点击以更新屏幕。
创始人
2024-10-30 04:30:20
0

您可以通过使用Observables来解决这个问题。将您的服务返回的HTTP响应转换为一个Observable,然后订阅它以更新您的组件。这样,您就可以在获取数据后立即更新屏幕。

以下是一个示例代码,演示如何使用Observables从服务中获取数据并将其传递给组件:

在服务中:

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()
export class DataService {

    private dataUrl = 'api/data';

    constructor(private http: HttpClient) {}

    getData(): Observable {
        return this.http.get(this.dataUrl)
            .map(res => res);
    }

}

在组件中:

import { Component, OnInit } from '@angular/core';
import { DataService } from '../services/data.service';

@Component({
    selector: 'app-data',
    templateUrl: './data.component.html',
    styleUrls: ['./data.component.css']
})
export class DataComponent implements OnInit {

    data: any;

    constructor(private dataService: DataService) {}

    ngOnInit() {
        this.getData();
    }

    getData() {
        this.dataService.getData().subscribe(data => {
            this.data = data;
            // 手动更新屏幕
        });
    }

}

在组件中,用订阅数据的方式更新界面,而不是通过空白点击。

相关内容

热门资讯

德州ai辅助!aapoker是... 德州ai辅助!aapoker是什么软件(透视)原先真的有挂(详细辅助软件教程)1、德州ai辅助ai辅...
透视最新!wepoke辅助德之... 透视最新!wepoke辅助德之星,wepoke软件透明挂,详细透视教你教程;1、完成wepoke辅助...
德州微扑克辅助!wpk发牌算法... 德州微扑克辅助!wpk发牌算法(透视)确实有挂(详细辅助wpk教程);小薇(透视辅助)致您一封信;亲...
透视免费!wepokeai机器... 透视免费!wepokeai机器人,wepoke app,详细透视透牌教程1)wepokeai机器人辅...
aapoker辅助工具存在!微... aapoker辅助工具存在!微扑克软件开发定制app(透视)确实是真的有挂(详细辅助微扑克教程)(1...
透视脚本!wepoke ai辅... 透视脚本!wepoke ai辅助,wepoke挂透视,详细透视教你攻略;运wepoke ai辅助辅助...
wepoke有辅助挂!wpk辅... wepoke有辅助挂!wpk辅助器是真是假(透视)一贯是真的有挂(详细辅助必胜教程)1、这是跨平台的...
透视辅助!wepoke智能ai... 透视辅助!wepoke智能ai,wepower德州扑克,详细透视扑克教程wepoke智能ai是一种具...
德州之星辅助挂!德州扑克辅助器... 德州之星辅助挂!德州扑克辅助器(透视)都是是真的有挂(详细辅助AA德州教程)德州之星辅助挂辅助器中分...
透视最新!wepoke真的有挂... 透视最新!wepoke真的有挂,wepoke防外挂,详细透视2025新版技巧wepoke真的有挂辅助...