问题标签 [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 投票
0 回答
508 浏览

angular - 对于 Angular 11,如何记住以前的状态,例如滚动位置和路线更改数据?

我制作了一个简单的Angular 应用程序,其中包含三个路由(home、hello、detail)。主页包含带有滚动的长文本。

滚动一点后,单击 hello 或 detail 链接,然后再次单击 home 链接。

我想将它保留在我离开的地方,并避免向后滚动或进行 ajax 调用(如果有)。换句话说,服务缓存页面。

尝试了各种解决方案,例如scrollPositionRestoration:enabled或实施自定义 routereusestrategy,但它不起作用。不确定是什么问题?或者,如果我完全离开了。

任何帮助表示赞赏。谢谢

编辑:我能够使用compareObjects 代码块让组件状态工作。现在只需要滚动即可工作

0 投票
4 回答
2684 浏览

typescript - 输入“字符串”| null 不可分配给类型“字符串”

我正在使用 angular-jwt 来检查令牌是否过期,并且在使用时出现此错误

输入“字符串”| null 不可分配给类型“字符串”

错误

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
5539 浏览

node.js - 错误:“ngb-tab”不是已知元素。角 11

我正在将我的应用程序升级到 angular 11 并面临引导选项卡的问题

错误:“ngb-tab”不是已知元素:如果“ngb-tab”是 Angular 组件,则验证它是否是该模块的一部分。

'ngb-tabset' 不是已知元素:如果 'ngb-tabset' 是 Angular 组件,则验证它是否是该模块的一部分。

我正在使用ng-bootstrap v8.0.0angular 11

我在 app.modules.ts 中导入所需的模块,即

0 投票
2 回答
993 浏览

angular - 从 angular 7 升级到 angular 8 或 10 会导致问题

我最近从 angular 7 升级到 angular 8,并且在运行代码时出现错误。代码编译成功,但在浏览器上出现以下错误。有谁知道我该如何解决这个问题?当我升级到 Angular 11 时也会发生同样的错误。我认为问题可能出在 bootstrap 或 webpack 上,因为升级后,它给了我一个 angular.js 样式错误,我用 angular 中的 {input: ''} 修复了这个错误.json 文件。

以下是我的 package.json

我的 angular.json 是

请注意 angular.json 中注释的样式是我在以前版本中的样式,当我取消注释它们时,我收到一个错误,解决方法是添加我为引导程序添加的输入。

最后是我的 index.html

让我知道是否需要任何进一步的文件。

在我在 angular.js 文件中添加带有引导 URL 的 {input:} 之前,我的 angular.js 中有以下内容

在我更改了 angular.json 样式并添加了 (input:(url)} 之前,我收到了以下错误

0 投票
1 回答
593 浏览

angular - Angular HostListener preventDefault 不起作用

我正在尝试创建文件拖放上传。我已经使用 Angular 指令中的 HostListener 创建了带有 dragenter、dragleave 和 drop 事件的 div 容器。dragenter 和 dragleave 事件正在工作,但在 drop 事件中 event.preventDefault() 不起作用。我的事件代码:

我还尝试(drop)="function($event)"在 HTML DOM 中添加事件,但这也不起作用。

0 投票
1 回答
431 浏览

javascript - 如何在我的 Angular 应用程序中单击链接时动态添加组件

我有三个组件:(1) 导航栏,(2) 带有左右 div 的主页,以及 (3) 视图关联。在导航栏的链接上,我想将视图关联组件动态添加到主页的右侧 div 中。我已经在navbar-component.ts文件中实现了以下代码(以传统的 JavaScript 方式):

这是分别带有导航栏和主页组件的 HTML 代码:

navbar.component.html

home.component.html(链接点击前)

home.component.html(点击链接后)

这是链接点击前后主页的图像:

之前(使用浏览器控制台) 链接点击前

之后(使用浏览器控制台) 链接点击后

上面的代码确实有效,但仍然没有显示 view-associates 组件。我该如何解决这个问题?任何建议表示赞赏。

0 投票
1 回答
573 浏览

ngrx - @ngrx/store 要求安装 @angular/core@^10.0.0 但是我们有 "@angular/core": "^11.0.5"

当尝试在 Angular 11 中更新最新的 ngrx/store 时,它​​会发出安装 Angular 10 的警告。

@ngrx/store@10.1.2 需要 @angular/core@^10.0.0 的对等点,但没有安装。您必须自己安装对等依赖项。

以下是包json

}

npm install 给出以下警告

如何处理这种情况?

0 投票
1 回答
220 浏览

javascript - 404 未找到(API url 未找到,即使它 100% 存在)

我正在尝试通过 id 获取产品。现在,当我与邮递员一起尝试时,它工作得非常好,没有任何问题。但是,当我尝试使用 Angular 获取数据时它不起作用,它一直说 404 not found 我不知道问题出在哪里。请有知道的人告诉我。任何帮助将不胜感激。这是我的代码。

快递.js:

路线:

实用程序:

角度:

现在是角度服务:

订阅组件内的服务:

0 投票
1 回答
42 浏览

angular - 使用反应驱动形式的错误验证 Angular 11

也许有经验的全栈开发人员可以帮助解决这个问题——(不是问题,更多的研究和开发)我有一个任务,我必须在我们的新 angular 11 平台上编写验证,他们希望它是反应驱动的验证,这很好,我的主要问题是,假设我们的数据库中有一个 XML 文件,并且该 xml 包含所有业务规则验证,我如何将数据库中的 XML 调用到我的角度组件中以匹配这些值,如果它确实如此匹配验证它应该输出一个错误。我理解模板驱动但反应驱动,同时调用一个 xml 文件试图匹配这些值,这就是我卡住的地方。我唯一的猜测是编写一个调用该 xml 将其转换为 JSON 的服务OBJ 等。任何输入将不胜感激。

0 投票
1 回答
959 浏览

pipe - 如何解决在角度 11 中找不到错误管道

我不是第一次使用管道,但现在我正在尝试使用我在单独的文件夹“管道”中创建的安全管道,PipesModule如下所示
这是管道类:

安全管道.ts

这是模块文件pipes.module.ts

我在要使用管道的组件模块中导入了 PipesModule,

然后在 HTML 中使用管道,如下所示:

但仍然得到错误

错误:未捕获(承诺):错误:NG0302:找不到“安全”管道!请问有人可以帮忙吗??