问题标签 [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.

0 投票
2 回答
2704 浏览

angular - Angular:在延迟加载的组件中打开材质对话框时出现“无组件工厂”错误

当我尝试在 ConfirmBoxComponent 中打开材质对话框时出现以下错误。

未找到 ConfirmBoxComponent 的组件工厂。你把它添加到@NgModule.entryComponents 了吗?我已经在 entryComponents 列表中添加了 ConfirmBoxComponent

包含 ConfirmBoxComponent 的模块是通过延迟加载技术加载的。

我正在使用最新版本的 Angular 和 Material

"@angular/core": "^5.0.0", "@angular/material": "^5.0.0-rc0"

0 投票
1 回答
11102 浏览

json - SyntaxError:Angular 5 服务中的输入意外结束

我知道这是一个常见问题,但我仍然不明白为什么在我的情况下会重现它。几天后找不到答案。

遵循 Angular 服务的一部分:

以下方法称为基本方法:

从服务器返回的 Json 是有效的。我检查了一些在线服务。

但是我在尝试调试时看到SyntaxError: Unexpected end of input错误。Response

调用堆栈:

我正在使用最新版本的 Angular。

0 投票
0 回答
311 浏览

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

0 投票
3 回答
5713 浏览

angular - 与异步管道(Angular)混淆的行为

我将尝试使用异步管道来显示/隐藏一些等待消息。

app.component.html

app.component.ts

等待服务.ts

我有带有等待属性的 WaitService 和用于切换等待的方法切换。当我尝试切换wait时,它在一种情况下有效,但对彼此不起作用(如我所料)。

所以,这让我很困惑。我会试着弄清楚为什么会发生。

示例:https ://stackblitz.com/edit/angular-fwghfj

如果您单击切换按钮,等待消息不会发生任何事情,但Wait2Component中的订阅将被发出,并且每次单击切换时都会写入控制台输出。

但是在订阅注释行后,显示和隐藏等待消息将正常工作,但在其他地方等待仍然没有变化。

当然,我可以将wait更改为布尔值,并且不关心使用async的这种情况,但这对我来说是出乎意料的行为。

0 投票
1 回答
383 浏览

angular - *ngIf 评估更新的变量

(Angular / JS 学习者)我有一个对象,它的值通过服务更新,具体取决于哪个子控制器当前处于活动状态。我正在尝试根据此对象值显示不同的按钮。

我的父控制器看起来像:

我父母 HTML 的相关部分如下所示:

这会引发错误:“无法读取未定义的属性 'title'”。我的服务按预期工作,就好像我删除了标题有效的 2 个按钮一样。一个正确方向的点会很棒。谢谢

0 投票
1 回答
456 浏览

angular - 带有角度加载bloburl到img的打字稿不起作用

我在通过画布将 svg blob 转换为 png 时遇到问题。

这是我的代码:

这以前使用纯javascript(以及一些jquery)。

控制台输出 img.complete false 并且 currentSrc 为空。

在网络选项卡中,我可以看到获取了本地 svg url。

0 投票
1 回答
6497 浏览

spring-boot - SpringBoot - Angular 5 - CSRF

我现在迷路了,需要一些帮助。

我有一个

  • SpringBoot 服务器与 SpringSecurtiy 4.3。
  • Angular 5 应用程序

并且想要启用 CSRF 保护,因为它应该在默认情况下启用(文档说):它不是!

在 SpringBoot 上,我需要添加这些安全配置:

在 Angular 上,我需要添加这些模块:

底线是服务器在每个响应中发送 XRSF-TOKEN。

-但每个人都不同。那是对的吗?我希望在客户端会话中是一样的。

- 这里的主要问题是 Angular5 在它的 post 调用中仍然没有使用 XRSF-TOKEN(例如)。它没有在其请求中设置 X-XSRF-TOKEN。

我做错了什么或错过了什么?

0 投票
1 回答
4618 浏览

angular - 引导导航栏中的角度路由器链接

嗨,我的链接没有显示为选项卡(使用 Bootstrap 4 和 Angular 5)。我只得到一个简单的链接。这变得非常简单,但这是第一次使用引导程序......非常感谢!

0 投票
2 回答
56 浏览

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

这些方面的东西......但我欢迎其他建议来实现这一点。

0 投票
1 回答
492 浏览

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