在Angular 12中将对象传递到服务中非常简单,您只需要在组件中创建对象并调用服务时将其传递即可。
下面是一个示例:
在您的组件中:
import { Component } from '@angular/core';
import { MyService } from './my-service.service';
@Component({
selector: 'app-my-component',
template: ``
})
export class MyComponent {
myObject = {
name: 'John Doe',
age: 30
};
constructor(private myService: MyService) {}
sendObject() {
this.myService.saveObject(this.myObject);
}
}
在您的服务中:
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
savedObject: any;
saveObject(object: any) {
this.savedObject = object;
}
}
在上面的代码中,我们在组件中创建了一个名为“myObject”的对象,并且在组件的构造函数中注入了我们的服务“ MyService”。我们定义了一个名为“ sendObject()”的函数,该函数将我们的对象传递给我们的服务中的函数“ saveObject()”。
在我们的服务“ MyService”中,我们有一个名为“ savedObject”的变量,该变量将被我们的组件中的函数“ saveObject()”所赋值。
因此,这是如何在Angular 12中将对象传递到您的服务中的示例。