问题标签 [angular8]

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 投票
1 回答
5480 浏览

angular - Angular 8 延迟加载的路由和守卫

我只是在尝试新的 Angular 8,我正在更新一个旧的 Angular 6 项目。

为了启用延迟模块加载,我没有将所有路由放在项目根目录中的单个 app-routing.module.ts 中,而是将它们移动到具有相关模块的特定文件夹中。例如

在 app-routing.module.ts 我懒加载路由:

在 user.module.ts 中,我将路由声明为:

现在的问题是: AuthGuard 可以激活孩子,它检查用户是否经过身份验证。用户身份验证在服务(AuthService)上,并且属性isAuthenticated是一个主题,所以每次我登录时我都会这样做

反之亦然,当我注销时

我第一次登录时,一切正常。如果我注销并再次登录,即使登录成功,我也会被重定向到登录页面。

事实上,如果在 Auth Guard 我订阅

我第一次可以在控制台中看到登录时输出“true”,注销时输出“false”。当我再次尝试登录时,不会触发此订阅。

我怀疑这的罪魁祸首是用户模块的延迟加载。

不用说,在 Angular 6 上它是有效的。

谢谢!

0 投票
1 回答
1485 浏览

angular - Jhipster:延迟加载模块 loadChildren 动态导入在 Angular 8 上不起作用

我正在使用动态导入,所以我必须tsconfig.json像这样更改我的代码以将我的代码定位到esnext模块。

tsconfig.json

应用程序路由.module.ts

0 投票
0 回答
188 浏览

angular - Highlighjs 用于 Angular 8 中的动态高亮语法

我正在尝试使用 highligh-js 进行语法高亮显示

details.component.html 文件:

details.component.html:

this.question来自响应的变量的值与html 中的块相同:

  • 但是来自数据库的这个字符串没有突出显示:

在此处输入图像描述

  • 我想要动态注入<div>标签的 html 内容,只有该<code>动态 html 的标签被突出显示,而不是整个<div>标签
0 投票
1 回答
9498 浏览

angular - 更新 Angular 8.0 后模块没有导出的成员组件

错误

src/app/custom-filterdt/custom-filterdt.component.ts(11,4) 中的错误:错误 TS2554:预期 2 个参数,但得到 1 个。

打字稿代码

代码错误

错误信息

导入组件模块 '"../../../node_modules/@angular/core/core"' 没有导出成员 'Component'.ts(230

版本

  • 任何帮助都是最受欢迎的

上述问题通过删除节点模块得到解决

但是在这个新错误之后

预期 2 个参数,但得到 1.ts(2554) core.d.ts(8064, 47): An argument for 'opts' is not provided

打字稿

0 投票
2 回答
3646 浏览

angular - Angular 8 应用程序在 IE11 中不起作用,但在 Edge 中它工作正常,如何修复它,最近我将我的应用程序从 Angular 7 迁移到 8

Angular 8 应用程序在 IE11 中无法运行,但在 Edge 中运行良好。如何修复它,我最近将我的应用程序从 Angular 7 迁移到 8。

我添加了下面的代码polyfills.ts

0 投票
0 回答
130 浏览

typescript - Angular 8 似乎无法识别 Object、JSON

我正在测试 Angular 8,而 WebStorm 抱怨它不知道Object, JSON(请参阅附图)。

在我的 tsconfig.json 中,我有domlibes2018键。

我需要什么设置才能清除此警告?

在此处输入图像描述

tsconfig.json

@lena

错误突出显示

0 投票
1 回答
69 浏览

angular - Angular8 反应式表单仅获取填充控件

我正在使用 Angular Reactive Form,如下所示

当我提交表单时,对于空控件,我仍然会得到带有空字符串的字段。

是否可以仅使用那些包含某些值的字段来获得最终值对象?

0 投票
2 回答
2998 浏览

angular - 如何在 Material Angular 8 中扩展 mat-select 组件?

我想通过扩展 Angular 材质组件来创建自己的选择组件mat-select并使用我的自定义app-select组件,如下所示

我在 stackblitz 中做了一个例子,我几乎让它工作。我遇到的问题是选择选项后下拉面板不会关闭。

https://stackblitz.com/edit/angular-vdyjcy?file=src%2Fapp%2Fselect%2Fselect.component.html

0 投票
1 回答
1353 浏览

typescript - 在 Firebase 的 Angular 8 中显示 displayName

我在显示我的 component.ts 文件中的“displayName”属性时遇到问题(用于在 console.log 中进行测试),但它在模板中运行良好。

组件.ts:

但是,这在模板中可以正常工作:

组件.html

如果您需要有关服务的更多详细信息...

auth.service.ts

0 投票
1 回答
1061 浏览

javascript - 在带有 angular 的 fuse.js 中,我们在哪里传递搜索到的字符串和选项?

我在 javascript 项目中使用过 fuse.js。但是现在我正在使用 angular 并且我已经为 fuse.js 安装了所需的模块,但是我无法使用它的功能在 angular 中搜索单词。

我尝试使用文档提供的代码,但不确定代码从哪里使用搜索关键字。

https://www.npmjs.com/package/angular-fusejs

我需要在 Angular 中使用我在 Javascript 文件中使用过的类似代码。