问题一般是由于服务未在组件中正确注入而导致的。在组件中添加依赖注入,以确保在第一次加载时调用服务。
示例代码:
// service.ts import { Injectable } from '@angular/core';
@Injectable({ providedIn: 'root' }) export class MyService { getData() { console.log('Service called'); } }
// component.ts import { Component, OnInit } from '@angular/core'; import { MyService } from './service';
@Component({ selector: 'app-my-component', template: '...', }) export class MyComponent implements OnInit { constructor(private myService: MyService) {}
ngOnInit() { this.myService.getData(); } }
在组件中使用私有变量注入服务,然后在ngOnInit生命周期钩子中调用服务的方法。这将确保在第一次加载时调用服务。