angular - Angular DataService 无法解析参数
问题描述
我正在使用 Angular v.4.2.4。当我尝试从 API 获取数据时,我收到一个我似乎找不到的错误。API 在我自己的机器上,并且在邮递员中返回数据。我得到的错误是:
Can't resolve all parameters for DataService
这是我认为有助于找到错误的文件:
应用程序模块
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { ProductComponent } from './shop/product.component';
import { DataService } from './shared/dataService';
@NgModule({
declarations: [
AppComponent,
ProductComponent
],
imports: [
BrowserModule,
HttpClientModule
],
providers: [DataService],
bootstrap: [AppComponent]
})
export class AppModule { }
数据服务
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import 'rxjs/add/operator/map';
import { Product } from './product';
Injectable()
export class DataService {
constructor(private http: HttpClient) { }
public products: Product[] = [];
loadProducts(): Observable<boolean>{
return this.http.get('/api/products')
.map((data: any[]) => {
this.products = data;
return true;
})
}
}
产品.组件
import { Component, OnInit } from "@angular/core";
import { DataService } from '../shared/dataService';
import { Product } from '../shared/product';
@Component({
selector: "product-list",
templateUrl: "productList.component.html",
styleUrls: []
})
export class ProductComponent implements OnInit {
constructor(private data: DataService) { }
public products: Product[] = [];
ngOnInit(): void {
this.data.loadProducts()
.subscribe(success => {
if (success) {
this.products = this.data.products;
}
});
}
}
告诉我你是否想看其他东西。感谢所有的帮助。
解决方案
您需要在产品组件的“产品”API 中提供一些数据值作为参数。
this.data.loadProducts({'url': '/api/products', 'data':{
'x': ''
}}).subscribe(success =>{
console.log(success);
})
在您的数据服务中
loadProducts(data): Observable<boolean>{
return this.http.get(data.url, data.data)
.map((data: any[]) => {
this.products = data;
return true;
})
}
推荐阅读
- python - 当尝试循环绘制每个 Pandas 列时,Seaborn distplot 仅返回一列
- android - 在 FireBaseCrashlytic 新版本中找不到 HttpRequest.Base64
- android - 即使将权限添加到清单中,华为手机写入外部存储也失败
- c++ - 数字和字符串的宏定义
- c - 如何获得 C 中进程的最准确时间?
- regex - 参数的url重写规则
- vba - VBA 非常缓慢地卸载用户窗体
- javascript - 调度新的 redux 操作时如何正确删除对象子字段?
- r - 使用 tidyverse 替换一些字符值
- flutter - Flutter - 条码扫描器和 ListView