Я обновил MVC / AngularJS 1.x до DotNet Core 2.2 / Angular 6.x. с @ angular / common / http
В основном это был легкий ветерок, но веб-API меня убивает. Я получил работу за несколько минут, но я потратил неделю, пробуя все под солнцем, чтобы веб-почта заработала.
То, что я сделал здесь, очень просто воспроизвести.
Зайдите в Visual Studio 17 и нажмите Файл / Новый проект
Выберите Установлено / Visual C # /. NET Core
Выберите шаблон: основное веб-приложение ASP.NET
На дополнительном экране установите раскрывающиеся списки сверху .NET Core и ASP.NET Core 2.2
Выберите Красный щит "A" Угловой шаблон
Позвольте проекту снять зависимости и перестроить.
ВСЕ - стандартное демонстрационное приложение от Microsoft, кроме:
Добавьте кнопки на экран.
Добавьте код в .ts для вызова контроллера API
Добавить входной параметр в метод get в контроллере
Добавить очень простой метод отправки сообщений в контроллер
Я тоже пытаюсь получить
DotNet Core 2.0 / Angular 4.x. с @ angular / http
работать с точно такими же результатами. Получить было очень легко, но я попробовал каждую конфигурацию под солнцем, чтобы заставить почту работать. Я сделаю пост, как это для другой версии. Сейчас я просто пытаюсь заставить себя работать и оставить AngularJS 1.x позади.
import { Component, Inject } from '@angular/core';
import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
@Component({
selector: 'app-fetch-data',
templateUrl: './fetch-data.component.html'
})
export class FetchDataComponent {
public Http: HttpClient;
public BaseURL: string;
public HttpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json'
})
};
public startDateIndex = 0;
public forecasts: WeatherForecast[] = [];
public forecast: WeatherForecast = {
dateFormatted: "3/27/2020",
temperatureC: 0,
temperatureF: 32,
summary: "Cold Post"
};
constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
this.Http = http;
this.BaseURL = baseUrl;
http.get<WeatherForecast[]>(baseUrl + 'api/SampleData/WeatherForecasts')
.subscribe(result => { this.forecasts = result; }, error => console.error(error));
}
public OnClick(pControl: string) {
//console.log("LogOn.OnClick * pControl=" + pControl);
switch (pControl) {
case "Prior":
this.startDateIndex -= 5;
this.Http.get<WeatherForecast[]>(this.BaseURL + 'api/SampleData/WeatherForecasts/', { params: new HttpParams().set('startDateIndex', this.startDateIndex.toString()) })
.subscribe(result => { this.forecasts = result; }, error => console.error(error));
break;
case "Next":
this.startDateIndex += 5;
this.Http.get<WeatherForecast[]>(this.BaseURL + 'api/SampleData/WeatherForecasts/', { params: new HttpParams().set('startDateIndex', this.startDateIndex.toString()) })
.subscribe(result => { this.forecasts = result; }, error => console.error(error));
break;
case "Post":
console.log("Post * this.forecast=" + JSON.stringify(this.forecast) + "this.HttpOptions=" + JSON.stringify(this.HttpOptions));
this.Http.post<WeatherForecast>(this.BaseURL + '/api/SampleData/PostWeatherForecast/', this.forecast, this.HttpOptions);
}
}
}
interface WeatherForecast {
dateFormatted: string;
temperatureC: number;
temperatureF: number;
summary: string;
}
<h1>Weather forecast</h1>
<p>This component demonstrates fetching data from the server.</p>
<p *ngIf="!forecasts"><em>Loading...</em></p>
<table class='table table-striped' *ngIf="forecasts">
<thead>
<tr>
<th>Date</th>
<th>Temp. (C)</th>
<th>Temp. (F)</th>
<th>Summary</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let forecast of forecasts">
<td>{{ forecast.dateFormatted }}</td>
<td>{{ forecast.temperatureC }}</td>
<td>{{ forecast.temperatureF }}</td>
<td>{{ forecast.summary }}</td>
</tr>
</tbody>
</table>
<button class='btn btn-default pull-left' (click)="OnClick('Prior')">Previous</button>
<button class='btn btn-default pull-left' (click)="OnClick('Next')">Next</button>
<button class='btn btn-default pull-right' (click)="OnClick('Post')">Post</button>
using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
namespace NG_22.Controllers
{
[Route("api/[controller]")]
public class SampleDataController : Controller
{
private static string[] Summaries = new[]
{
"Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
};
[HttpGet("[action]")]
public IEnumerable<WeatherForecast> WeatherForecasts(int startDateIndex = 0)
{
var rng = new Random();
return Enumerable.Range(1, 5).Select(index => new WeatherForecast
{
DateFormatted = DateTime.Now.AddDays(index + startDateIndex).ToString("d"),
TemperatureC = rng.Next(-20, 55),
Summary = Summaries[rng.Next(Summaries.Length)]
});
}
[HttpPost("[action]")]
public WeatherForecast PostWeatherForecast([FromBody] WeatherForecast weatherForecast)
{
var forecast = weatherForecast;
//return weatherForecast;
return new WeatherForecast()
{
DateFormatted = DateTime.Now.ToString("d"),
TemperatureC = 30,
Summary = Summaries[2]
};
}
public class WeatherForecast
{
public string DateFormatted { get; set; }
public int TemperatureC { get; set; }
public string Summary { get; set; }
public int TemperatureF
{
get
{
return 32 + (int)(TemperatureC / 0.5556);
}
}
}
}
}