Angular 角度4:注入服务后组件消失
我在Angular 角度4:注入服务后组件消失,angular,angular-services,angular-components,Angular,Angular Services,Angular Components,我在Angular 4中遇到了有关组件和服务的问题。 所以我得到了客户组件: @Component({ selector: 'app-customer', templateUrl: './customer.component.html', styleUrls: ['./customer.component.css'] }) export class CustomerComponent implements OnInit { customers: Customer[] = []; constru
Angular 4
中遇到了有关组件和服务的问题。
所以我得到了客户组件
:
@Component({
selector: 'app-customer',
templateUrl: './customer.component.html',
styleUrls: ['./customer.component.css']
})
export class CustomerComponent implements OnInit {
customers: Customer[] = [];
constructor() { }
以及客户模型
:
export class Customer {
constructor(
public id: number,
public firstName: string,
public lastName: string
) { }
}
以及客户服务
:
@Injectable()
export class CustomerService {
private customersUrl = 'http://localhost:9090/customer';
constructor(private http: Http) { }
// Get all customers
getCustomers(): Promise<Customer[]> {
return this.http.get(this.customersUrl)
.toPromise()
.then(response => response.json() as Customer[])
.catch(this.handleError);
}
customer works
不再显示,我在控制台中也没有收到错误消息。所以我不知道问题出在哪里。有人能帮忙吗?谢谢将您的服务添加到应用程序模块
providers: [
CustomerService
],
我发现了问题所在。我忘记在AppModule
中导入HttpModule
。但我仍然不知道为什么我在任何地方都没有看到错误…您的终端(可能)执行ng serve时是否有编译错误?你在说哪个控制台?如果您谈论的是终端,您是否检查了浏览器控制台?是否可以将customer.html添加到问题中?更好地检查浏览器控制台中是否存在任何错误。在chrome上,右键单击->检查->控制台选项卡。@JBNizet我说的是两者,我运行ng serve的那个和浏览器控制台。两者都没有显示错误。@IzzoObella我说的是两者,我运行ng serve的那个和浏览器控制台。两者都不显示错误。这肯定会在控制台中打印错误。您是否已将其配置为过滤某些类型的消息?您是否使用其他浏览器进行了测试?@JBNizet我发现,这些错误在chrome浏览器控制台中出现的时间大约为1/10秒。之后,控制台是空的。
providers: [
CustomerService
],