Angular 8 中使用服务涉及以下步骤:
在 Angular 中,服务是一种可注入的类、用于封装与组件无关的特定功能。可以使用 Angular CLI 在应用程序根目录下创建服务:
ng generate service my-service
这将创建一个名为 my-service 的服务,该服务的默认位置为 src/app/my-service.service.ts。
首先,将服务的路径导入组件:
import { MyService } from './my-service.service'
然后,将服务添加到组件的构造函数中:
constructor(private myService: MyService) { }
这样,服务就可以在组件中使用。
现在,您可以在组件中使用服务了。以下是一些常见的任务:
getData() {
this.myService.getData().subscribe(data => {
this.data = data;
});
}
log(message: string) {
this.myService.log(message);
}
submitForm(data) {
this.myService.postData(data).subscribe(response => {
console.log(response);
});
}
要让 Angular 在相应的组件中注入服务,首先必须在该组件的 NgModule 中提供服务。在 app.module.ts 中添加以下内容:
import { MyService } from './my-service.service';
@NgModule({
providers: [MyService],
// ...
})
export class AppModule { }
现在,Angular 将自动了解 MyService 的存在,并将它注入到需要它的组件中。
免责声明:本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。