Current count: ${this.count}
19 | 20 | ` 21 | } 22 | } -------------------------------------------------------------------------------- /WebComponents/Client/src/FetchData.ts: -------------------------------------------------------------------------------- 1 | import {html} from 'lit'; 2 | import {customElement, property} from 'lit/decorators.js'; 3 | import {BaseElement} from "./BaseElement"; 4 | 5 | @customElement("fetch-data") 6 | export class FetchData extends BaseElement { 7 | constructor(apiUrl: string) { 8 | super(); 9 | this.url = apiUrl; 10 | this.forecasts = []; 11 | } 12 | 13 | @property() 14 | url: string; 15 | 16 | @property() 17 | forecasts: Forecast[]; 18 | 19 | async firstUpdated() { 20 | const response = await fetch(this.url); 21 | this.forecasts = await response.json() as Forecast[]; 22 | } 23 | 24 | render() { 25 | return html` 26 || Date | 31 |Temp. (C) | 32 |Temp. (F) | 33 |Summary | 34 |
|---|---|---|---|
| ${forecast.date} | 41 |${forecast.temperatureC} | 42 |${forecast.temperatureF} | 43 |${forecast.summary} | 44 |
13 | Request ID: @Model.RequestId
14 |
19 | Swapping to the Development environment displays detailed information about the error that occurred. 20 |
21 |22 | The Development environment shouldn't be enabled for deployed applications. 23 | It can result in displaying sensitive information from exceptions to end users. 24 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 25 | and restarting the app. 26 |
-------------------------------------------------------------------------------- /WebComponents/Pages/Error.cshtml.cs: -------------------------------------------------------------------------------- 1 | using System.Diagnostics; 2 | using Microsoft.AspNetCore.Mvc; 3 | using Microsoft.AspNetCore.Mvc.RazorPages; 4 | 5 | namespace WebComponents.Pages; 6 | 7 | [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)] 8 | [IgnoreAntiforgeryToken] 9 | public class ErrorModel : PageModel 10 | { 11 | public string? RequestId { get; set; } 12 | 13 | public bool ShowRequestId => !string.IsNullOrEmpty(RequestId); 14 | 15 | private readonly ILoggerLearn about building Web apps with ASP.NET Core.
10 | 11 | 12 | 13 |Use this page to detail your site's privacy policy.
-------------------------------------------------------------------------------- /WebComponents/Pages/Privacy.cshtml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.AspNetCore.Mvc; 2 | using Microsoft.AspNetCore.Mvc.RazorPages; 3 | 4 | namespace WebComponents.Pages; 5 | 6 | public class PrivacyModel : PageModel 7 | { 8 | private readonly ILogger