Make 'fetchdata' components in templates compatible with latest TypeScript compiler

This commit is contained in:
SteveSandersonMS
2016-11-29 19:10:48 +00:00
parent a8d3eed32c
commit 62c0680193
5 changed files with 9 additions and 9 deletions

View File

@@ -10,7 +10,7 @@ export class FetchDataComponent {
constructor(http: Http) {
http.get('/api/SampleData/WeatherForecasts').subscribe(result => {
this.forecasts = result.json();
this.forecasts = result.json() as WeatherForecast[];
});
}
}

View File

@@ -11,9 +11,9 @@ export class Fetchdata {
constructor(http: HttpClient) {
http.fetch('/api/SampleData/WeatherForecasts')
.then(result => result.json())
.then(result => result.json() as Promise<WeatherForecast[]>)
.then(data => {
this.forecasts = data as any;
this.forecasts = data;
});
}
}

View File

@@ -13,8 +13,8 @@ class FetchDataViewModel {
constructor() {
fetch('/api/SampleData/WeatherForecasts')
.then(response => response.json())
.then((data: WeatherForecast[]) => {
.then(response => response.json() as Promise<WeatherForecast[]>)
.then(data => {
this.forecasts(data);
});
}

View File

@@ -46,8 +46,8 @@ export const actionCreators = {
// Only load data if it's something we don't already have (and are not already loading)
if (startDateIndex !== getState().weatherForecasts.startDateIndex) {
let fetchTask = fetch(`/api/SampleData/WeatherForecasts?startDateIndex=${ startDateIndex }`)
.then(response => response.json())
.then((data: WeatherForecast[]) => {
.then(response => response.json() as Promise<WeatherForecast[]>)
.then(data => {
dispatch({ type: 'RECEIVE_WEATHER_FORECASTS', startDateIndex: startDateIndex, forecasts: data });
});

View File

@@ -12,8 +12,8 @@ export class FetchData extends React.Component<any, FetchDataExampleState> {
this.state = { forecasts: [], loading: true };
fetch('/api/SampleData/WeatherForecasts')
.then(response => response.json())
.then((data: WeatherForecast[]) => {
.then(response => response.json() as Promise<WeatherForecast[]>)
.then(data => {
this.setState({ forecasts: data, loading: false });
});
}