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;
            // 手动更新屏幕
        });
    }

}

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

相关内容

热门资讯

wepoker辅助工具!wep... wepoker辅助工具!wepoker开脚本视频(透视)技巧-本来解密真的是有挂1、点击下载安装,w...
wejoker黑侠辅助器!哈糖... wejoker黑侠辅助器!哈糖大菠萝万能挂(透视)脚本-一直总结真的有挂哈糖大菠萝万能挂破解侠是真的...
we poker游戏下!wep... we poker游戏下!wepoker有辅助工具吗(透视)器-都是解密存在有挂1、wepoker有辅...
pokeplus脚本!哈糖大菠... pokeplus脚本!哈糖大菠萝有没有挂(透视)方法-切实辅助是有挂1、哈糖大菠萝有没有挂脚本辅助下...
线上德州的辅助器是什么!wep... 线上德州的辅助器是什么!wepoker有辅助吗(透视)挂-真是辅助存在有挂1、线上德州的辅助器是什么...
wepoker手机插件!佛手在... wepoker手机插件!佛手在线大菠萝辅助(透视)挂-原来曝光是有挂1、佛手在线大菠萝辅助脚本辅助下...
wepoker怎么提高运气!w... wepoker怎么提高运气!wepoker辅助器有哪些功能(透视)软件-一直详情有挂1、每一步都需要...
德普之星怎么开辅助!wepok... 德普之星怎么开辅助!wepoker智能辅助插件(透视)神器-都是普及是有挂1、点击下载安装,德普之星...
德州透视竞技联盟!poker ... 德州透视竞技联盟!poker master辅助(透视)教程-一直详情有挂1、很好的工具软件,可以解锁...
aapoker万能辅助器!哈糖... aapoker万能辅助器!哈糖大菠萝软件下载(透视)方法-其实关于是有挂运哈糖大菠萝软件下载辅助工具...