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

}

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

相关内容

热门资讯

玩家必备科技!心悦填大坑辅助器... 玩家必备科技!心悦填大坑辅助器免费版,皇豪互娱控制系统,第三方教程(有挂工具)1、下载安装好心悦填大...
一分钟了解!微信随意玩辅助器,... 一分钟了解!微信随意玩辅助器,518互游辅助,细节揭秘(真实有挂);无需打开直接搜索加(薇:1367...
今日公布!川滇互娱app辅助,... 今日公布!川滇互娱app辅助,反杀新火神辅助,解密教程(有挂分析);无需打开直接搜索加(薇:1367...
指导大家!广东闲来游戏辅助,朱... 您好:广东闲来游戏辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
一分钟揭秘!福建大菠萝辅助透视... 一分钟揭秘!福建大菠萝辅助透视,四川家园辅助软件,黑科技教程(有挂分享)1、下载安装好福建大菠萝辅助...
玩家交流!一起宁德吊蟹辅助,杭... 玩家交流!一起宁德吊蟹辅助,杭州都莱辅助软件,教你教程(有挂教程);无需打开直接搜索加(薇:1367...
盘点一款!决战卡五星挂怎么弄,... 盘点一款!决战卡五星挂怎么弄,掌电竞技辅助器,AI教程(有挂方针);无需打开直接搜索加(薇:1367...
技巧知识分享!广东雀神智能插件... 您好:广东雀神智能插件安装价格这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
分享个大家!同城游修改器,盛世... 您好:同城游修改器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
一分钟揭秘!永久免费脚本透视工... 一分钟揭秘!永久免费脚本透视工具,新蜜瓜大厅免费控制器,透明教程(有挂解密);无需打开直接搜索加(薇...