问题标签 [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.
angular - 更新时未选择 Angular 8 Material 特定的垫子选项
在 angular 8 mat-option 中未选择特定选项。我已经放了静态选项然后工作正常。但是,它不适用于动态垫选项。
angular - 我正在尝试设置模板驱动表单的表单值,但出现如下错误:
我正在尝试在 ngOnInit() 方法中设置表单值。但出现错误 - 错误错误:尚未在该组中注册表单控件。如果您使用的是 ngModel,您可能需要检查下一个刻度(例如使用 setTimeout)。
angular - router.navigate 不适用于使用 angular-8.x 的子路由
我的路线配置如下:
我有一些注射服务如下:
当我使用 activity.goto('xyz/xy1') 或通过浏览器加载 ('/xyz/xy1') 进行路由时,它适用于根路由,但对于子路由,它只是重定向到主路由。
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
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”。我没有任何相关代码可以显示,因为我所做的一切都在链接中。我想知道是否有可能摆脱它?
angular - 无法在 .then() 方法中重置反应形式
我是 Angular、Firebase 的新手,我正在尝试在注册成功后重置我的表单。所以我有一个registration()
在Register.component.ts
文件中调用的方法,当用户单击提交按钮时将调用该方法。
问题:数据被保存到 Firebase 但表单没有被重置我的意思是表单字段没有被清除,如果我在提交后立即触摸任何表单字段,所有表单字段都会被重置。成功将数据保存到 Firebase 实时数据库后,如何重置表单。
当我尝试插入this.buildForm()
外部时, .then()
myForm 正在重置,但是当我在内部使用它时.then()
它不起作用,但我能够记录返回值。我也尝试使用async/await
相同的问题,如果我运行上面的内容按预期工作,但如果我在下面运行它,我在try catch
块内有块。try
this.buildForm()
this.auth.register(formData)
this.buildForm()
我尝试记录this
内外.then()
两个值似乎相同。我附上了component, service, html
.
Register.component.ts
Register.component.html
auth.service.ts
angular - 在Angular 8中获取组件外部的引用变量
我有这个代码来切换抽屉/matsidebar。
应用组件.html
如果我单击菜单图标,左侧栏将切换打开/关闭。没有打字稿或额外服务。它开箱即用。但是,我需要将 mat-toolbar 放在实际的 app-header 组件中。所以相反,我做这样的事情:
应用组件.html
header-component.html
这不起作用,因为标题组件按预期不知道#leftbar。我该怎么做呢?我不断看到使用这样的例子:
我一直在研究这个问题,并在模板位于 ts 组件文件中时从 Angular 2 获得旧答案。此外,通常,其中带有抽屉的组件(或任何功能)位于标题内,而不是相反。是否完全有必要为此创建服务?如果是这样,怎么做?在 Angular 8 中执行此操作的最简单、正确和最少的打字稿方式是什么?
angular - 更新到 Angular 8:“未捕获的错误:无法解析 ScrollbarHelper 的所有参数”
我的代码库并不老,它是用 Angular 7 编写的。
当我跑
ng 更新 @angular/cli @angular/core
所发生的只是更新了库引用、更改了某些路由、更改了一些 ViewChild 以及移动了一个名为 browserslist 的文件。我直接浏览了一个升级列表并得到了这个错误,所以我重新开始,只是运行了这个命令,它立即给出了这个错误。
我的代码中没有 ScrollbarHelper。我用谷歌搜索了三个帖子,没有一个很有帮助。更新的 vanilla 版本 7 项目运行良好。我的下一步将是一次导入我现有的代码,以找出导致此错误发生的位。
forms - Angular 模型驱动的表单点击任何按钮都会执行提交
当我单击表单内的任何按钮时,将执行表单内注册的所有功能。
item.components.ts
项目.ts
items.service.ts
item.component.html
当我单击任何按钮时,控制台正在记录(目前我试图添加一个属性:(click)=“addProperty()”)
控制台输出:
但我期望以下输出
控制台输出: