问题标签 [angular5]
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:在延迟加载的组件中打开材质对话框时出现“无组件工厂”错误
当我尝试在 ConfirmBoxComponent 中打开材质对话框时出现以下错误。
未找到 ConfirmBoxComponent 的组件工厂。你把它添加到@NgModule.entryComponents 了吗?我已经在 entryComponents 列表中添加了 ConfirmBoxComponent
包含 ConfirmBoxComponent 的模块是通过延迟加载技术加载的。
我正在使用最新版本的 Angular 和 Material
"@angular/core": "^5.0.0", "@angular/material": "^5.0.0-rc0"
json - SyntaxError:Angular 5 服务中的输入意外结束
我知道这是一个常见问题,但我仍然不明白为什么在我的情况下会重现它。几天后找不到答案。
遵循 Angular 服务的一部分:
以下方法称为基本方法:
从服务器返回的 Json 是有效的。我检查了一些在线服务。
但是我在尝试调试时看到SyntaxError: Unexpected end of input
错误。Response
调用堆栈:
我正在使用最新版本的 Angular。
angular - 角2。在 DOM 中插入文本 {{someText}} 并强制插入它
有没有办法在 DOM 中插入代码并强制插入它。在这个变体中,我将文本“ {{name}}
”插入到 div 中,它只保留“ {{name}}
”在视图中。代码和指向 plunker 的链接如下。
这是当前代码的链接 https://plnkr.co/edit/VYltGSDqVRar0Z2aqRln?p=preview
ps我知道这段代码可能看起来很奇怪,而且不是 Agular 的,但这只是我的问题的简化版本。我被 angular-datatables 困住了,它在渲染时遇到了麻烦{{interpolation}}
。https://github.com/l-lin/angular-datatables/issues/1131
angular - 与异步管道(Angular)混淆的行为
我将尝试使用异步管道来显示/隐藏一些等待消息。
app.component.html
app.component.ts
等待服务.ts
我有带有等待属性的 WaitService 和用于切换等待的方法切换。当我尝试切换wait时,它在一种情况下有效,但对彼此不起作用(如我所料)。
所以,这让我很困惑。我会试着弄清楚为什么会发生。
示例:https ://stackblitz.com/edit/angular-fwghfj
如果您单击切换按钮,等待消息不会发生任何事情,但Wait2Component中的订阅将被发出,并且每次单击切换时都会写入控制台输出。
但是在订阅注释行后,显示和隐藏等待消息将正常工作,但在其他地方等待仍然没有变化。
当然,我可以将wait更改为布尔值,并且不关心使用async的这种情况,但这对我来说是出乎意料的行为。
angular - *ngIf 评估更新的变量
(Angular / JS 学习者)我有一个对象,它的值通过服务更新,具体取决于哪个子控制器当前处于活动状态。我正在尝试根据此对象值显示不同的按钮。
我的父控制器看起来像:
我父母 HTML 的相关部分如下所示:
这会引发错误:“无法读取未定义的属性 'title'”。我的服务按预期工作,就好像我删除了标题有效的 2 个按钮一样。一个正确方向的点会很棒。谢谢
angular - 带有角度加载bloburl到img的打字稿不起作用
我在通过画布将 svg blob 转换为 png 时遇到问题。
这是我的代码:
这以前使用纯javascript(以及一些jquery)。
控制台输出 img.complete false 并且 currentSrc 为空。
在网络选项卡中,我可以看到获取了本地 svg url。
spring-boot - SpringBoot - Angular 5 - CSRF
我现在迷路了,需要一些帮助。
我有一个
- SpringBoot 服务器与 SpringSecurtiy 4.3。
- Angular 5 应用程序
并且想要启用 CSRF 保护,因为它应该在默认情况下启用(文档说):它不是!
在 SpringBoot 上,我需要添加这些安全配置:
在 Angular 上,我需要添加这些模块:
底线是服务器在每个响应中发送 XRSF-TOKEN。
-但每个人都不同。那是对的吗?我希望在客户端会话中是一样的。
- 这里的主要问题是 Angular5 在它的 post 调用中仍然没有使用 XRSF-TOKEN(例如)。它没有在其请求中设置 X-XSRF-TOKEN。
我做错了什么或错过了什么?
angular - 引导导航栏中的角度路由器链接
嗨,我的链接没有显示为选项卡(使用 Bootstrap 4 和 Angular 5)。我只得到一个简单的链接。这变得非常简单,但这是第一次使用引导程序......非常感谢!
angular - 全球供应商可配置一次
我正在尝试创建一个配置服务,该服务可以被赋予一个环境值,然后使用它来吐回适当的配置值。
像这样的东西
紧随其后的是app.module.ts
然后在注入到组件中后按以下方式使用
ConfigService.Get().api
上面的例子抛出一个错误:app.module.ts:64 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_12__services_config_config_service__.a.SetEnv is not a function
这些方面的东西......但我欢迎其他建议来实现这一点。
firebase-realtime-database - ngfor in ngfor angularfire2 angular5
在开始之前,我需要强调我对 angular 和 angularfire 都是新手(不断学习)-
我的 firebase 数据库如下所示:
我可以访问订单详细信息并将它们绑定到 html 中,但我不完全确定如何将 Items 转换为可迭代数组,然后我可以使用第二个 ngfor。
我的 html 文件看起来像:
我在 .ts 文件中的构造函数如下所示:
我看过其他人的问题和答案,例如: AngularFire2 nested *ngFor Array within Array... but Firebase doesn't have arrays...?
但我不知道解决方案对我来说是什么样的,因为我已经在使用 .map() 来返回订单的密钥。我使用 order.key 作为更新订单状态的方法的输入,所以我需要按原样进行这项工作。
我知道我必须对我在此处粘贴的 .ts 代码部分做一些事情,但不知道从哪里开始。
尽管我想要一个复制粘贴解决方案,但我非常感谢您解释为什么提出的解决方案会起作用,这样我就可以了解为什么而不是什么。
我正在使用 AngularFire 2.3.0 和 Angular 5.0.0