问题标签 [angular7]

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 投票
3 回答
11767 浏览

angular - Angular 7 Http Get 返回'[object Object]'

我有一项服务调用具有以下功能的 API:

在我的组件中,服务调用:

有了这个,我得到了一个对象的响应对象。我的 API 正在返回一个对象数组,但 Observable 函数以某种方式将数据转换为具有数字索引的对象对象: Console img with error

有谁知道有什么问题?

解决方案:

使用 KeyValue Pipe 是@Suryan 评论的一种解决方法。问题是我的 API 中的排序方法,它将数组更改为对象。服务中不需要使用管道或映射,也不需要使用管道键值。@Suryan举例说明这一点

0 投票
1 回答
370 浏览

angular - Angular 7 运行 ng serve -o -c env

前段时间我正在使用 angular 6 并使用ng serve -o -c env_i_wanted.

我在 angular.json 文件的配置下添加了所需的环境。

在 Angular 7 中,我尝试了相同的方法,但得到了这样的结果:

舞台是我想要使用的环境

0 投票
1 回答
3211 浏览

angular - Angular 7,从日期输入中减去日历天数

在这个 Angular 7 应用程序中,用户需要从日历输入中选择一个日期,然后生成 40 天前的日期。我无法在 Typescript 中弄清楚这一点。有很多 JavaScript 解决方案,但我不知道如何将它们转换为对 Angular 友好的打字稿版本。现在我有两个函数都试图做到这一点(生成 1 和生成 2),但都不起作用。

生成 1假设使用我导入的 'add-subtract-date' (npm),但我收到 Typescript 错误...“错误 TS2580:找不到名称 'require'。”

Generate 2没有错误,只是什么都不做。
我也不认为我的 HTML 是正确的。我对任何新想法持开放态度,请同时包含 HTML。

组件.ts...

组件.html...

0 投票
2 回答
249 浏览

angular - 初始化输入时缺少 asyncValidator (Angular 7.0.1)

刚刚升级到 Angular 7.0.1 并遇到了 formControl 的 asyncValidator 的奇怪行为(我的 asyncValidator 指令链接到我的 formControl)。

在使用具有 asyncValidator 指令的输入初始化组件时,我没有将 asyncValidator 链接到我的 formControl,但在验证器中会触发“验证”功能(收集错误)!

formControl 上没有 asyncValidator 收集到的错误,但 asyncValidator 没有它们

在组件初始化和更改输入值(使用此 formControl)后,asyncValidator 神奇地出现并且一切都按预期工作。

asyncValidator 神奇地出现

问题是初始化输入的错误在计算并添加到控制时不显示。

在 Angular 6+ 版本中,一切都很好!

看截图。

有人遇到同样的问题吗?

0 投票
2 回答
1381 浏览

angular - Angular7:MatButtonModule 不加载

我从 Angular7 和 Material fwk 开始,我在我的应用程序模块上加载了一些模块:

所有这些模块都已加载,我可以使用它们,除了 mat-button

我收到了这个错误:

我尝试了不同的技巧,删除/清理并重新安装,但所有材料组件都可以工作,除了垫子按钮。

package.json 中的 Material 和 Angular 在 7.0.1 版本中

感谢您的时间/帮助

0 投票
3 回答
4800 浏览

node.js - 执行新应用程序时出现 Angular 7 错误,错误:找不到模块“临时”,

当我尝试使用以下方法制作新应用时:

出现以下错误:

我尝试下载最后一个 node.js 和最后一个 npm 版本,还尝试获取最后一个 angular cli 版本,但它给出了相同的错误。

我正在使用 Windows,并将应用程序放在名为 Angular 的桌面文件夹中。

使用 ng -v 的 Cli 版本命令:

cli版本


解决了

我为解决这个问题所做的是使用位于窗口开始菜单中 Node js 中的 Node.js 命令提示符运行 Node js,并且我使用以下命令将我的窗口用户从 cmd 切换为管理员:

查看 Node.js 命令提示符

0 投票
2 回答
2071 浏览

angular - 错误 TS2322:类型“字符串”不可分配给类型“类型”'。在角度 7

我正在使用 angular7 并为管理员进行路由,但它给出错误'字符串不可分配给类型'任何人都可以告诉这个错误是什么以及我该如何解决它?

错误截图:-

在此处输入图像描述

管理员路由.ts

0 投票
0 回答
90 浏览

angular - 尝试运行命令时出错(npm run server)

执行 npm run build:prod 后一切正常。之后,我只是按照文档说明运行 npm run server ,但是当我尝试访问 localhost 时,我收到一个错误(错误 [错误]),没有任何描述,并且浏览器加载永远不会结束。

错误信息 - 图像预览

0 投票
1 回答
915 浏览

angular - app.module.ts 中的 environment.production 变量始终为真

我正在尝试在我的 app.module 文件中设置一个配置设置,以便它根据我是否在生产中而有所不同。

我的environment.ts文件有

我的environment.prod.ts文件有

在我的app.module.ts文件中,我正在尝试这样的事情

当我在console.log(environment.production)任何地方做这件事时,它会告诉我这个值是false我在开发环境中时应有的值。

我的问题是它似乎true在我的 app.module 文件中起作用。在这种情况下,我试图将我的日志语句设置为在生产环境中禁用,但它们在开发和生产中也被禁用。(如果我翻转我的条件语句,那么它们会在开发和生产中启用)。因此,就好像它在阅读 environment.production 是真实的,但它不应该是真实的。

在 app.module 中不能像这样使用 environment.production 变量,还是我在这里遗漏了其他东西?

0 投票
1 回答
555 浏览

angular - Angular 7,POST 到 .NET Core Web API 发送 NULLS

我正在尝试将 Angular 模板表单中的 HTTP POST 发送到 .NET Core 2.0 中的 Web API。它发送没有错误,但 SQL 中的数据具有所有 NULL 值 (?)。Angular 前端没有模型(仅在 .NET 后端),但“newRetireObject”var 对象与 SQL 匹配。

这是组件.HTML ...

这是组件.ts...

这是服务.ts....