以下是一个示例解决方案,使用Angular 5和.NET Core 2.1 API获取用户时区的当前时间。
Angular 5代码示例:
import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
HttpClientModule
],
...
})
export class AppModule { }
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class TimezoneService {
constructor(private http: HttpClient) { }
getCurrentTime() {
return this.http.get('/api/timezone');
}
}
import { Component, OnInit } from '@angular/core';
import { TimezoneService } from './timezone.service';
@Component({
...
})
export class YourComponent implements OnInit {
currentTime: Date;
constructor(private timezoneService: TimezoneService) { }
ngOnInit() {
this.timezoneService.getCurrentTime().subscribe((time: Date) => {
this.currentTime = time;
});
}
}
.NET Core 2.1 API代码示例:
using Microsoft.AspNetCore.Mvc;
using System;
namespace YourNamespace.Controllers
{
[Route("api/[controller]")]
[ApiController]
public class TimezoneController : ControllerBase
{
[HttpGet]
public IActionResult Get()
{
var userTimezone = GetUserTimezone(); //获取用户时区的方法,根据你的需求实现
var currentTime = TimeZoneInfo.ConvertTime(DateTime.UtcNow, userTimezone);
return Ok(currentTime);
}
}
}
services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
app.UseMvc();
这是一个基本的示例,你可以根据你的需求进行调整和扩展。
上一篇:Angular 5 过滤器管道
下一篇:Angular 5 和滑动动画