问题标签 [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 投票
1 回答
1935 浏览

angular - 尽管绑定到值属性而不是占位符,但提交时用于更新数据的 Angular Reactive Forms 输入的默认值是“未定义”

我在 Angular 中制作了一个可重用的组件,我用它来构建多个表单,目的是提供一种快速修改多个数据项的方法。

我在这个组件中有 2 个输入字段,当使用 *ngFor 对数组进行迭代时,我通过输入属性进行绑定。一切都很好,并且可以很好地使用 id 并显示数据,但我遇到的问题是当我推动更新这两个字段的值时显示为“未定义”(除非我修改它们)。

我的标记是:

我的后端是:

我确定我错过了一些非常愚蠢的东西。

0 投票
1 回答
887 浏览

angular - Angular7 Reactive Forms 输入属性值在控制器/组件中没有变化,仅在 HTML 标记上

我制作了一个具有反应形式组的可重用组件。我有 2 个输入属性“名称”和“描述”,我正在使用 ngFor 设置这些输入属性来迭代组件。

不幸的是,即使我将表单控件组中的开始/默认值设置为输入属性,当我单击提交时,角度也会将这两个输入属性读取为“null”,而不是通过输入属性设置的值。

表单组 + 输入属性:

提交功能:

如果我尝试直接提交有效的输入属性的值,但是如果我对表单进行修改,我将不再提交更改后的值,这样就没有意义了。

0 投票
2 回答
930 浏览

angular - Angular 7, nested function using same variable

I'm trying to run one function - "createThreeDates()" that can generate three different results (dates based on -90, -60, -45), using the same variable. After a user sets a date in the input field, that date variable is set and used in the function. The Generate 1 button calls the function. Everything works fine if I only needed one date (not three). FYI, this function uses the installed/import package "add-subtract-date."

There are NO ERRORS in my code, but the function returns the SAME date (fortyDaysDate) to all three input fields in the browser (?). -I don't know how this is possible when I have different ngModels.

Here is component.ts...

Here is component.html...

0 投票
1 回答
5117 浏览

angular - 错误类型错误:无法读取 Angular 7 拖放中未定义的属性“长度”

Angular 7 DragDropModule我只是想在from的帮助下创建拖放组件@angular/cdk/drag-drop。但我总是收到如下错误。

这是我的HomeComponent.html

HomeComponent.ts

我知道我错过了一些东西。但不确定,它是什么。非常感谢任何帮助。

0 投票
1 回答
1888 浏览

angular - Angular 7 更新后,业力无法使用监视标志运行

在我们的代码库中以最小的代码更改从 angular 6 更新到 angular 7 后,karma uni 测试运行变得非常慢,并且当 watch 参数设置为 true 时,它​​无法在保存后立即重新加载/重新捆绑测试文件,通常在保存文件后需要 4 分钟才能重新触发测试运行程序,或者在某些情况下会超时。使用 Angular 7 运行单个ng test业力通常需要大约 3 分钟,就像在 Angular 6 中一样。即使在运行单个规范文件时,Angular 7 中 4 分钟的缓慢时间也会持续存在,过去在升级到之前只需几秒钟即可运行和重建角度 7。

Package.json 文件内容:

还有我的业力配置文件内容:

最后,我的 test.ts 文件内容:

0 投票
1 回答
1467 浏览

json - 在 POST 请求中使用特定格式的角度序列化日期

我是 Angular 的新手,我对序列化添加到 POST 请求的对象的 Date 属性的最佳方法有几个疑问。给定样本类

我在服务中有以下代码:

我必须按以下格式序列化 Date 'yyyy-MM-dd hh:mm'。我考虑了不同的方法,比如定义装饰器(如果可能的话)或覆盖toJson()方法,但我不知道这些是唯一的选择还是有更好的解决方案......

0 投票
0 回答
276 浏览

angular - 无法查看 ts 文件的 sourceMaps

我最近将我的应用程序升级到了 Angular 7,现在我无法查看缺少的 sourceMaps component.ts 文件。我的 Chrome 资源中没有 webpack://。我看到的都是component.ngfactory.js

我正在使用 ng serve 来运行我的应用程序。

0 投票
1 回答
842 浏览

angular - 无法使用 Angular 7 创建生产版本

我有一个完美运行的应用程序开发起诉 Angular 6。

我升级到 Angular 7。整个应用程序被破坏了。恢复应用程序需要 4 天时间。现在,我可以在开发模式下构建应用程序并且它可以工作。

我正在尝试进行生产构建。但是,我收到以下错误。

请帮助,以便我可以创建生产版本。

问候, 帕塔

命令:ng build --prod --aot

输出:

0 投票
1 回答
3518 浏览

angular7 - 错误类型错误:jit_nodeValue_11(...) 不是 Object.eval [as handleEvent] (HomeComponent.html:77) 处的函数

我正在使用 Angular 7 和角材料。我目前在尝试通过以下方式提交表单时遇到错误

(ngsubmit)="changePassword(formData)"

页面上的其他 ngSubmits 在提交时没有问题。只是想知道是否有人遇到过这个问题/知道解决方案。

home.component.html(片段)

home.component.ts

app.module.ts

客户端错误

0 投票
0 回答
447 浏览

angular - 如何在 Angular 7 中正确使用 compareWith 和响应式表单?

这是正确的方法吗?官方文档只给了我们一个如何使用模板驱动表单而不是响应式表单的示例。