问题标签 [angular11]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2493 浏览

angular - Angular 11:为什么编译器在编译过程中找不到“GeolocationPosition”?“找不到名称'GeolocationPosition'”

为什么角度编译器找不到GeolocationPositionand GeolocationPositionError?VSC 不会出错,只有在编译时才会出错。

我通过放置any类型来解决这个问题,但我只是好奇为什么 Angular 会给我错误以及如何解决这个问题。

我已经尝试过不同的编译器目标(es5, es6, es2018),但没有运气。已经安装@types/core-js但也没有任何运气。我可能缺少任何@types 模块吗?

这是我当前的 tsconfig.json

0 投票
0 回答
157 浏览

node.js - Plesk 上的 Angular 11 与服务器端渲染/角度通用

目前,我尝试让我的 Plesk 服务器使用 Angular Universal 运行。

我已经安装了 nodeJs 并将其配置如下: Node.js-versie 12.4.0
Document root /httpdocs Appliciemodus
production
URL van toepassing http://+domain Application root /httpdocs open
Startup server/main.js
variables none

  • 我的浏览器文件被复制到 httpdocs 中。
  • 我的服务器文件夹被复制到 httpdocs 中。

服务器端渲染将不会执行..

由于我现在搜索了很多小时,因此我尝试更改下一个建议:

Server.ts:替换:

和:

-> 没有成功

将应用程序根目录更改为名为 server.js 的新文件,并在其中复制以下代码:

重启nodejs

-> 没有成功(如预期的那样)

似乎 Plesk/nodeJs 不会启动快速服务器或到达它(没有日志错误......)

有没有人遇到过同样的问题并解决了?

提前感谢您的任何帮助或回答!亲切的问候,R

0 投票
1 回答
33 浏览

angular - 创建反应式表单时出现此错误

在我满足反应形式的所有要求时出现此错误。

这是代码和错误的图像

应用模块

用户组件

组件 html

错误

0 投票
3 回答
1409 浏览

angular - primeng 表上的“FilterMetadata”类型上不存在属性“值”

我正在将一个模块从primeng 7迁移到primeng11以及angular11,代码在ng服务上运行得非常好,功能也在工作,但是在构建时我遇到了一个奇怪的错误

错误是针对以下代码

我已经验证了primengFilterMetaData接口,它的属性值如下

代码语法很好我已经在primeng页面文档https://www.primefaces.org/primeng/showcase/#/table上验证了相同

请帮助不确定为什么 ng serve 没有问题但构建失败。我的节点版本是节点 v10.23.0

0 投票
1 回答
68 浏览

angular - 为什么 http get attr [params] 需要是 {[param: string]: string | 细绳[]}?

问题描述

this.http.get() 在类型推断中喊错

下面是代码:

分析

我发现这是参数的类型问题。在 Angular 的声明中,params 对象需要是HttpParams | {[param: string]: string | string[]} ,但我发送给它一个{[param: string]: number}

也许打字稿找不到最好的声明,所以它使用第一个

解决

我可以通过将参数 obj 解析为 HttpParams 类型 obj 或将参数设置为任何来解决问题,两者都有效


但我认为也许在 get 类型声明中{[param: string]: string | string[]}变成更合适{[param: string]: any}

0 投票
0 回答
176 浏览

angular - 为什么 deepChangeDetection 选项在 fullcalendar 5 的角度分量中不起作用?

我在我的 angular 11 应用程序中使用 fullcalender 5。当我将新事件重新分配给日历选项时,视图中的更改不会受到影响。并且以下所有解决问题的方法都失败了:

1-我将 deepChangeDetection 道具设置为“true”。

1-我将 deepChangeDetection 道具设置为“true”。

<full-calendar deepChangeDetection="true" #fullcalendar [options]="calendarOptions">

2- 使用 callendar api 渲染,reftech 功能。

3-删除所有事件并重新创建它们

0 投票
1 回答
599 浏览

angular - AuthGuard 等待 API 调用

我正在尝试阻止非管理员用户访问管理仪表板本身。为此,如果令牌有效,我必须检查后端,如果有效,则用户实际上是管理员。我似乎能够阻止它,但我不知道如何在 Angular 11 的 AuthGuard 中等待 API 调用?我必须使 canActivate() 方法异步还是什么?

身份验证服务:

Auth Guard(有效,但我不知道如何等待 API 调用):

带有 API 结果的图像 在此处输入图像描述

0 投票
6 回答
4651 浏览

angular - 键入“文件 | null' 不可分配给类型“文件”。在角度 11

嗨,我是 Angular 的新手,目前我正在使用 Angular 11 项目,我必须上传一个 CSV 文件并在客户端提取文件的记录,然后通过 ASP.NET Web API 将它们保存在数据库中。

在这里,我按照教程并尝试获取角度侧的 CSV 文件的数据并将它们显示在同一页面中。

然后我得到了这个错误,

键入“文件 | null' 不可分配给类型“文件”。类型“null”不可分配给类型“文件”.ts(2322)

我尝试了很多东西,但仍然无法解决这个问题。请你帮助我好吗?

这是我的 .ts 文件,

这是我的 .html 文件

这是我得到的错误

谢谢!

0 投票
1 回答
404 浏览

angular - 未捕获的错误:找不到模块“tslib”| 将 Angular 项目版本 10 更新到 11

当我使用 angular cli update 命令将 angular 项目从 10 更新到 11 时,我在编译时没有出现任何错误,但是当在浏览器上运行我们的网站时,它会显示像这样的错误。

我已经安装和卸载了不同版本的 tslib,但仍然显示错误。

多次删除节点模块,然后运行 ​​npm i , ng update 但得到相同的错误。

错误是

包.json

在那个页面上我有错误

0 投票
1 回答
76 浏览

angular - Angular 模块使用 forChild 创建了两次

我有一个模块 LoginModule,需要为其提供一些配置,因此它提供了 forRoot。我在我的 AppModule 中使用了这个 forRoot()。现在我有另一个模块Module2,它本身是由AppModule 导入的。我需要Module2中LoginModule的一个组件,所以Module2需要导入LoginModule。但是它应该怎么做呢?

似乎无论我做什么,LoginModule 构造函数都会被调用两次,如果 Module2 导入 LoginModule:一次是通过 AppModule 中的 forRoot(),一次用于在 Module2 中导入。我尝试在 Module2 中使用 forChild 模式进行导入,但这并没有改变任何东西。因为我想在创建 LoginModule 时运行一些初始化代码,所以我设置了下面显示的解决方案来检测 LoginModule 是否是根模块。

我的印象是,在使用 forChild 之类的东西时根本不应该有第二个 LoginModule。我错了吗?还是我犯了一个错误,导致第二个 LoginModule 不应该存在?