在 Angular 5 中将变量从组件发送到服务
Sending Variable from Component to Service in Angular 5
在我目前的 Angular 5 项目中,我已经成功地从我的服务API 调用
(为简洁起见,代码保持简洁)
myService.ts :
@Injectable()
export class my-service-service {
constructor(private _http: HttpClient) {
}
myData1() {
return this._http.get("API_URL")
.map(result => result);
}
并通过订阅上述服务访问我连接的组件上的信息。
myComponent.ts:
import { myServiceService } from './my-service-service.service';
@Component({
...
})
constructor(private router: Router,
private route: ActivatedRoute,
private _myData: myServiceService) {
...
}
ngOnInit() {
this._myData.myData1()
.subscribe(res => {
//Able to access data successfully here
}
}
现在我希望以相反的方向发送数据,从我的控制器到服务。
例如假设我有
public myVar: any;
并且我希望从我的服务中访问这个变量(也许将其附加到 API 动态调用)
我要不要继续做呢
"send a data in the opposite direction, from my controller to the service" 最好的方法是使用 function/method 参数。
//service.ts
myData1(parameter1) {
//do whatever you need with parameter1
return this._http.get("API_URL")
.map(result => result);
}
//component.ts
public myVar: any;
ngOnInit() {
this._myData.myData1(this.myVar).subscribe(res => { })
}
在我目前的 Angular 5 项目中,我已经成功地从我的服务API 调用
(为简洁起见,代码保持简洁)
myService.ts :
@Injectable()
export class my-service-service {
constructor(private _http: HttpClient) {
}
myData1() {
return this._http.get("API_URL")
.map(result => result);
}
并通过订阅上述服务访问我连接的组件上的信息。
myComponent.ts:
import { myServiceService } from './my-service-service.service';
@Component({
...
})
constructor(private router: Router,
private route: ActivatedRoute,
private _myData: myServiceService) {
...
}
ngOnInit() {
this._myData.myData1()
.subscribe(res => {
//Able to access data successfully here
}
}
现在我希望以相反的方向发送数据,从我的控制器到服务。 例如假设我有
public myVar: any;
并且我希望从我的服务中访问这个变量(也许将其附加到 API 动态调用) 我要不要继续做呢
"send a data in the opposite direction, from my controller to the service" 最好的方法是使用 function/method 参数。
//service.ts
myData1(parameter1) {
//do whatever you need with parameter1
return this._http.get("API_URL")
.map(result => result);
}
//component.ts
public myVar: any;
ngOnInit() {
this._myData.myData1(this.myVar).subscribe(res => { })
}