问题标签 [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 回答
596 浏览

angular - 更新时未选择 Angular 8 Material 特定的垫子选项

在 angular 8 mat-option 中未选择特定选项。我已经放了静态选项然后工作正常。但是,它不适用于动态垫选项。

0 投票
0 回答
24 浏览

angular - 我正在尝试设置模板驱动表单的表单值,但出现如下错误:

我正在尝试在 ngOnInit() 方法中设置表单值。但出现错误 - 错误错误:尚未在该组中注册表单控件。如果您使用的是 ngModel,您可能需要检查下一个刻度(例如使用 setTimeout)。

0 投票
0 回答
1332 浏览

angular - router.navigate 不适用于使用 angular-8.x 的子路由

我的路线配置如下:

我有一些注射服务如下:

当我使用 activity.goto('xyz/xy1') 或通过浏览器加载 ('/xyz/xy1') 进行路由时,它适用于根路由,但对于子路由,它只是重定向到主路由。

0 投票
1 回答
2150 浏览

angular - How to set filter with mat auto select in angular template driven form

How to set filter with mat auto select in angular template driven form.

Please see stackblitz example: click here

0 投票
1 回答
479 浏览

ngx-translate - ngx-translate 页面加载时的短暂延迟

我做了教程中解释的所有事情来实现 ngx-translate:

https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular8-app-with-ngx-translate

它工作得很好,但我注意到当页面第一次加载时,.json 文件的 id 会在它们被翻译之前显示(不到半秒)。这没什么大不了的,但它并不完美。例如,当页面加载“label.name”时会很快显示,然后在翻译后显示“Name”。我没有任何相关代码可以显示,因为我所做的一切都在链接中。我想知道是否有可能摆脱它?

0 投票
1 回答
286 浏览

angular - 无法在 .then() 方法中重置反应形式

我是 Angular、Firebase 的新手,我正在尝试在注册成功后重置我的表单。所以我有一个registration()Register.component.ts文件中调用的方法,当用户单击提交按钮时将调用该方法。

问题:数据被保存到 Firebase 但表单没有被重置我的意思是表单字段没有被清除,如果我在提交后立即触摸任何表单字段,所有表单字段都会被重置。成功将数据保存到 Firebase 实时数据库后,如何重置表单。

当我尝试插入this.buildForm()外部时, .then()myForm 正在重置,但是当我在内部使用它时.then()它不起作用,但我能够记录返回值。我也尝试使用async/await相同的问题,如果我运行上面的内容按预期工作,但如果我在下面运行它,我在try catch块内有块。trythis.buildForm()this.auth.register(formData) this.buildForm()

我尝试记录this内外.then()两个值似乎相同。我附上了component, service, html.

Register.component.ts

Register.component.html

auth.service.ts

0 投票
1 回答
1347 浏览

angular - 在Angular 8中获取组件外部的引用变量

我有这个代码来切换抽屉/matsidebar。

应用组件.html

如果我单击菜单图标,左侧栏将切换打开/关闭。没有打字稿或额外服务。它开箱即用。但是,我需要将 mat-toolbar 放在实际的 app-header 组件中。所以相反,我做这样的事情:

应用组件.html

header-component.html

这不起作用,因为标题组件按预期不知道#leftbar。我该怎么做呢?我不断看到使用这样的例子:

我一直在研究这个问题,并在模板位于 ts 组件文件中时从 Angular 2 获得旧答案。此外,通常,其中带有抽屉的组件(或任何功能)位于标题内,而不是相反。是否完全有必要为此创建服务?如果是这样,怎么做?在 Angular 8 中执行此操作的最简单、正确和最少的打字稿方式是什么?

0 投票
1 回答
2040 浏览

angular - 更新到 Angular 8:“未捕获的错误:无法解析 ScrollbarHelper 的所有参数”

我的代码库并不老,它是用 Angular 7 编写的。

当我跑

ng 更新 @angular/cli @angular/core

所发生的只是更新了库引用、更改了某些路由、更改了一些 ViewChild 以及移动了一个名为 browserslist 的文件。我直接浏览了一个升级列表并得到了这个错误,所以我重新开始,只是运行了这个命令,它立即给出了这个错误。

我的代码中没有 ScrollbarHelper。我用谷歌搜索了三个帖子,没有一个很有帮助。更新的 vanilla 版本 7 项目运行良好。我的下一步将是一次导入我现有的代码,以找出导致此错误发生的位。

0 投票
0 回答
855 浏览

angular - Bootstrap 4.3.1 工具提示在 Angular 8 中不起作用

升级到 Angular 8 引导工具提示后无法正常工作。它在 Angular 7 中运行良好。Bootstrap v4.3.1,jQuery v3.4.1

控制台错误

.html

.ts

角.json

0 投票
1 回答
101 浏览

forms - Angular 模型驱动的表单点击任何按钮都会执行提交

当我单击表单内的任何按钮时,将执行表单内注册的所有功能。

item.components.ts

项目.ts

items.service.ts

item.component.html

当我单击任何按钮时,控制台正在记录(目前我试图添加一个属性:(click)=“addProperty()”)

控制台输出:

但我期望以下输出

控制台输出: