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

}

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

相关内容

热门资讯

黑科技线上(wpk透视挂会被封... 黑科技线上(wpk透视挂会被封号吗)外挂透明挂辅助下载(透视)切实是真的有挂(黑科技解说)wpk透视...
黑科技中牌率(wepoke透视... 黑科技中牌率(wepoke透视该购买渠道)外挂透视辅助方法(透视)一贯是有挂(黑科技工具)1、操作简...
黑科技挂(wpk有平衡机制吗)... 黑科技挂(wpk有平衡机制吗)外挂黑科技辅助插件(透视)真是真的是有挂(黑科技辅助);wpk有平衡机...
黑科技存在(德州之星外挂)外挂... 黑科技存在(德州之星外挂)外挂黑科技辅助神器(透视)切实有挂(黑科技方法);1、进入游戏-大厅左侧-...
黑科技能赢(WePoKe透视挂... 黑科技能赢(WePoKe透视挂)外挂黑科技辅助插件(透视)竟然有挂(黑科技脚本)1)WePoKe透视...
黑科技辅助(微扑克辅助工具怎么... 黑科技辅助(微扑克辅助工具怎么下载)外挂透明挂辅助方法(透视)其实是真的有挂(黑科技插件);1、在微...
黑科技代打(aapoker透明... 黑科技代打(aapoker透明挂下载)外挂透视辅助app(透视)真是真的有挂(黑科技细节);1、实时...
黑科技了解(德扑之星有系统新手... 黑科技了解(德扑之星有系统新手保护期吗)外挂透视辅助助手(透视)一直有挂(黑科技规律)1.德扑之星有...
黑科技教学(wepoke透明挂... 黑科技教学(wepoke透明挂辅助)外挂透视辅助神器(透视)一直真的是有挂(黑科技规律)1、不需要A...
黑科技辅助(微扑克辅助插件挂)... 黑科技辅助(微扑克辅助插件挂)外挂透视辅助神器(透视)真是存在有挂(黑科技脚本)一、微扑克辅助插件挂...