我在使用angular 4和observable时遇到错误.
原文链接:https://www.f2er.com/angularjs/141555.html/Users//backend/src/app/app.component.ts(15,55):输入'()=>任何’不能分配给’State []’.
/Users//backend/src/app/app.component.ts(15,55):输入'()=>任何’不能分配给’State []’.
‘()=>类型中缺少属性’includes’任何’.
我究竟做错了什么
我的模特
export class State { id: number; state: string; code: string; }
我的服务
import { Injectable } from '@angular/core'; import { Http,Response } from '@angular/http'; import 'rxjs/add/operator/map'; import 'rxjs/add/operator/do'; import 'rxjs/add/operator/toPromise'; import {environment} from '../../../environments/environment'; @Injectable() export class StateService { private baseUrl: string = environment.baseUrl; constructor( private http: Http) {} /** * Get all States */ GetStates() { return this.http.get(this.baseUrl + 'v1/states') .map((res: Response) => res.json); // .do( data => console.log(data)); } }
我的组件
import { Component,OnInit } from '@angular/core'; import {StateService} from './shared/services/state.service'; import {State} from './shared/models/state'; @Component({ selector: 'app-root',templateUrl: './app.component.html',styles: [] }) export class AppComponent implements OnInit { states: State[] ; constructor(private stateService: StateService) {} ngOnInit() { this.stateService.GetStates().subscribe(states => this.states = states ); } }
App.Module
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import 'rxjs/add/operator/map'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { StateService } from './shared/services/state.service'; @NgModule({ declarations: [ AppComponent ],imports: [ BrowserModule,FormsModule,HttpModule,AppRoutingModule ],providers: [ StateService ],bootstrap: [AppComponent] }) export class AppModule { }