小编Iñi*_*igo的帖子

Angular Material Datepicker 输入格式

使用日期选择器选择日期时,一切正常,以所需格式显示日期: DD/MM/YYYY

但是当手动输入带有 format 的日期时DD/MM/YYYY,datepicker 会自动将日期更改为MM/DD/YYYY,将第一个值检测DD为月份。

如何使手动输入被检测为DD/MM/YYYY,而不是MM/DD/YYYY

谢谢!

<mat-form-field class="datepickerformfield" floatLabel="never">
    <input matInput class="dp" formControlName="fpresentaciondesde" [matDatepicker]="picker5" placeholder="DD/MM/YYYY" required>
    <mat-datepicker-toggle matSuffix [for]="picker5"></mat-datepicker-toggle>
    <mat-datepicker #picker5></mat-datepicker>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

typescript angular-material mat-datepicker

7
推荐指数
1
解决办法
6245
查看次数

如何在异步功能中处理多个等待

我要进行多个API调用,这些调用通过API进行获取,通过API将数据写入DB,通过另一个API将输出发送到前端。

我已经编写了异步函数,如下所示-

前两个应该一个接一个地运行,但是第三个可以独立运行,不需要等待前两个fetch语句完成。

let getToken= await fetch(url_for_getToken);
let getTokenData = await getToken.json();

let writeToDB = await fetch(url_for_writeToDB);
let writeToDBData = await writeToDB.json();

let frontEnd = await fetch(url_for_frontEnd);
let frontEndData = await frontEnd.json();
Run Code Online (Sandbox Code Playgroud)

处理此类多个提取语句的最佳方法是什么?

javascript fetch async-await

7
推荐指数
1
解决办法
168
查看次数

使用 WindowsCredentials 连接到 TfsTeamProjectCollection

我想使用登录 Windows 时使用的相同凭据连接到 TfsProjectCollection。这甚至可能吗?

我现在正在使用具有此代码的替代凭据进行连接:

NetworkCredential credential = new NetworkCredential(this._username, this._password);
VssBasicCredential basicCred = new VssBasicCredential(credential);
try
{
    _tfsDataConnection = new TfsTeamProjectCollection(new Uri(this._tfsLink), basicCred);

    // VssData Part

    Thread.CurrentPrincipal = new WindowsPrincipal(WindowsIdentity.GetCurrent());
    var url = new Uri(_tfsLink);

    VssCredentials vsc = new VssCredentials(new Microsoft.VisualStudio.Services.Common.WindowsCredential(
        new NetworkCredential(this._username, this._password)));
    VssConnection connection = new VssConnection(url, vsc);

    _vssDataConnection = connection.GetClient<BuildHttpClient>();
}
Run Code Online (Sandbox Code Playgroud)

我需要从该服务器获取构建和项目。

这是我尝试过的,但我收到一个错误,因为我没有被授权。

_tfsDataConnection = new TfsTeamProjectCollection(new Uri(this._tfsLink));
try
{
    VssCredentials vsc = new VssCredentials(new Microsoft.VisualStudio.Services.Common.WindowsCredential(CredentialCache.DefaultNetworkCredentials));
    VssConnection connection = new VssConnection(new Uri(_tfsLink), vsc);
    _vssDataConnection = connection.GetClient<BuildHttpClient>(); …
Run Code Online (Sandbox Code Playgroud)

c# tfs team-project-collection

5
推荐指数
1
解决办法
4981
查看次数

使用 Angular 12 使用 js-xlsx 读取本地 Excel 文件?

我的 Angular-CLI 前端开发服务器在本地运行 localhost:4200

出于特定原因,我需要将本地 Excel 文件存储在我的 PC 上,读取其内容并对 API 进行一些调用。而且它必须是从客户端

我正在尝试使用 js-xlsx,已安装它,npm install xlsx但我找不到如何获取文件并读取其内容。

如何在 Angular 12 中使用 js-xlsx 导入本地 excel 文件?

注意:如果使用纯 JavaScript 可能/更容易,它对我也有效。

javascript excel file js-xlsx angular

5
推荐指数
1
解决办法
1万
查看次数

Angular 10 - Openlayers 获取地图坐标(单击)

我的 Angular 地图组件中有一个 OpenLayers 地图。我需要在 Angular(click)事件上获取地图的点击坐标。在Javascript中很容易,只需添加以下代码:

map.on('click', function(evt) {
  var coordinate = evt.coordinate;
}
Run Code Online (Sandbox Code Playgroud)

在 Angular 上map.component.html,我添加了以下代码:

<div id="map" (click)="getCoord($event)" class="map"></div>
Run Code Online (Sandbox Code Playgroud)

并像这样getCoord()在 my 中创建了该函数map.component.ts

getCoord(event: any){
    var coordinate = this.map.getEventPixel(event);
 }
Run Code Online (Sandbox Code Playgroud)

对于同一个点击事件,javascript返回这个坐标,我需要的就是这个坐标

数组 [ -180047.42012573266, 5279667.9723422285 ]

但在角度上,我得到了这个:

数组 [480, 221]

知道如何使用 Angular 获得正确的坐标,或者如何将第二个转换为第一个?我真的被困在这了。

谢谢!

javascript gis dictionary openlayers angular

4
推荐指数
1
解决办法
2649
查看次数

Angular 13 - 从 ByteArray 数据下载文件

byte[]从服务器获取一个包含文件内容的文件。我知道名字和content-type。到目前为止,我已尝试以下方法来下载文件:

const a = document.createElement('a');
document.body.appendChild(a);
a.style.display = 'none';

const file = new Blob([content], {type: 'text/plain'});
const url = window.URL.createObjectURL(file);
a.href = url;
a.download = "test.txt";
a.click();
window.URL.revokeObjectURL(url);
Run Code Online (Sandbox Code Playgroud)

但这个解决方案只是下载一个包含二进制内容的文本文件。如何使用 JavaScript/Typescript 将二进制数据转换为客户端相应的文件类型?谢谢!

javascript file download typescript angular

4
推荐指数
1
解决办法
2万
查看次数

如何使用 Angular Material 设置文件输入按钮的样式?

我看到了很多关于此的问题,但没有一个能解决我的问题。

我拥有的:

Angular 11、Angular Material 8 和文件输入如下:

<div class="form-group">
    <input #myInput type="file" formControlName="fi"
                     id="fi" name="fi" (change)="postMethod($event.target.files)">
</div>
Run Code Online (Sandbox Code Playgroud)

我需要的:

我需要自定义这个按钮的颜色、文本和大小。

文件输入按钮样式

我怎样才能定制它?

css angular-material bootstrap-4 angular

3
推荐指数
1
解决办法
9829
查看次数

我们可以从其他应用程序打开 Google Play 商店订阅屏幕吗?

我想从我的 Android 应用程序打开谷歌订阅屏幕。有什么办法可以打开这个吗?

我知道可以从我们的应用程序打开应用程序列表(Play 商店),但不知道订阅屏幕。

谢谢。

android subscription google-play android-inapp-purchase

3
推荐指数
1
解决办法
1216
查看次数

NodeJS Express 反向代理 TLS_CERT_ALTNAME_INVALID 错误

我的端点上有一个反向代理,如下所示:

var express = require('express');
var app = express();
var httpProxy = require('http-proxy');
var apiProxy = httpProxy.createProxyServer();
var serverOne = 'https://idena.navarra.es/ogc/wms?';

app.all('/idena', function (req, res) {
  apiProxy.web(req, res, {target: serverOne});
});

app.listen(3000, function () {
  console.log('Working!');
});
Run Code Online (Sandbox Code Playgroud)

/idena收到请求时,服务器会抛出如下异常:

错误 [ERR_TLS_CERT_ALTNAME_INVALID]:主机名/IP 与证书的替代名称不匹配:主机:本地主机。不在证书的 altnames: DNS:idena.navarra.es, DNS: www.idena.navarra.es at Object.checkServerIdentity (tls.js:235:17) at TLSSocket.onConnectSecure (_tls_wrap.js:1061:27)在 TLSSocket.emit (events.js:189:13) 在 TLSSocket._finishInit (_tls_wrap.js:633:8)

我该如何解决这个问题?猜测是由于https但不知道如何避免这种情况,谢谢!

javascript ssl http-proxy node.js express

3
推荐指数
1
解决办法
2510
查看次数

Angular 10 - 拖动时不触发(单击)功能

我有一个带有 openlayers 地图的 div,如下所示:

<div id="map" (click)="getInfo($event)" class="map"></div>
Run Code Online (Sandbox Code Playgroud)

我使用鼠标拖动来浏览地图,每次我这样做时都会getInfo触发该功能。我只希望它在我单击地图时触发,而不是在我导航时触发。

是否可以?谢谢!

javascript triggers function click angular

2
推荐指数
1
解决办法
3955
查看次数

@Input() 上的触发函数已更改

我在 parent.component.html 中有一个带有以下代码的父组件:

<app-child [idElement]=(idElement)></app-child>
Run Code Online (Sandbox Code Playgroud)

在子组件中,我有这样的输入参数:

@Input() idElement : number;
Run Code Online (Sandbox Code Playgroud)

还有一个函数叫

getSpecs()
Run Code Online (Sandbox Code Playgroud)

我希望该getSpecs()函数在父级修改输入时由子级执行。那可能吗?

components input parent angular

2
推荐指数
2
解决办法
3666
查看次数

Angular Material 日期选择器上的占位符左边距/填充?

只需添加 的 css 即可轻松在 Angular Material Datepicker 值上设置左边距/padding-left: xx填充input

成功案例

但是是否可以为日期选择器的占位符添加左边距?

我想要更大的边距,以便验证符号不会隐藏占位符的文本:

错误

css datepicker angular-material angular

2
推荐指数
1
解决办法
2602
查看次数

Angular 路由器事件

尝试使用 github https://github.com/sandorfr/ngx-app-insights-sample/issues/1中找到的一些 applicationinsights 服务,但该服务似乎遇到了错误

尝试按照 stackoverflow 中的建议导入一些事件

import { Injectable } from '@angular/core';
import { Router, ActivatedRoute, ResolveEnd, ActivatedRouteSnapshot } from '@angular/router';
import { Subscription } from 'rxjs';
import 'rxjs/add/operator/filter';
import { AppInsights } from 'applicationinsights-js';
import { NavigationEnd } from '@angular/router';
import { filter } from 'rxjs/operators';
const environment = {
    production: false,
    appInsights: {
        instrumentationKey: 'sampleinstrumentationkey'
    }
};
@Injectable()
export class MonitoringService {

    private routerSubscription: Subscription;

    constructor(
        private router: Router,
        private activatedRoute: ActivatedRoute
    ) {
        if …
Run Code Online (Sandbox Code Playgroud)

azure-application-insights angular

1
推荐指数
1
解决办法
2005
查看次数