问题标签 [angular-template-form]

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 回答
1523 浏览

angular - 将参数传递给 Angular 7 模板驱动的表单自定义验证器

如何将参数传递给为 Angular 7 中的模板驱动表单编写的自定义验证器?

我从多个其他问题和博客文章中汇总了以下代码,但大多数集中在响应式表单而不是模板上。

我如何在这样的输入中访问传递给 minValue 的值

0 投票
2 回答
85 浏览

angular - 重置表单

在 AngularJs 中,我曾经使用 ng-submitted 类进行表单验证,但是当您提交表单时它不会出现在 Angular 中。我写了一个指令,添加一个提交到表单的类并在重置时将其删除

当您使用重置按钮重置表单时,这非常有用。我遇到的问题是,当我需要使用除将所有绑定设置为 null 之外的值进行重置时,我需要使用 ngForm resetForm 方法重置表单,但这不会触发 onReset 方法,而且我找不到点击的方法进入以这种方式重置的表格。

https://stackblitz.com/edit/angular-u2rlx9

0 投票
1 回答
1814 浏览

angular - 表单重置事件通知?

有没有办法在通过 formReset 方法重置表单时得到通知?

我有一个注入表单的指令,当表单被提交或通过重置按钮重置时我可以得到通知,但我无法找到在 ngForm 上调用 formRest 时得到通知的方法。

使用类似的指令

有没有办法通知我的指令 resetForm 方法已被调用?

StackBlitz 的演示https://stackblitz.com/edit/angular-adymlf?file=src/app/form.directive.ts

0 投票
1 回答
14553 浏览

angular - 如何在 Angular 中使用 For 循环从 Mat-radio-group 中获取选定的单选按钮值

我有一个复杂的对象,即,如下所示

我想从中进行问卷调查,以确保他们对答案的评分为 0-5,现在当我呈现如下所示的 html 时

这是正确渲染,但是当我选择我的第一个问题评级为 1 时,它也会从所有其他评级中进行选择,而且我想捕获我尝试过[(ngModel)]的每个评级,但它只给出一个值而不是数组

在我的 .ts 文件中,我将模型引用作为 Array 给出,如下所示:

0 投票
0 回答
74 浏览

angular - 角通过 ng-template 和 ngTemplateOutlet 提供的不是周围 NgForm 的一部分

我有一个可重用的可编辑表单组件。该组件包含一个<form>元素。在该表单中,插入了由另一个组件提供的模板,该组件包含一个<input>元素。该<input>元素不会成为NgForm可重用组件中的一部分。编辑时<input>,它的脏/原始和有效/无效属性会更新,但表单不会。

这是简化的可重用组件:

这是一个使用它的组件:

我已经尝试通过提供ControlContainerviewProviders通过指令提供 ControlContainer ,包括通过共享服务在模板中的表单组件,通过ContentChild与通过Input它们而不是在<editable-form>元素内部提供模板。

ng-template只有当表单元素包含在<form>via 组件下时,这些技术似乎都不适用于.

我难住了。我只需要传递给可重用组件的输入成为可重用组件中<form>声明的一部分。

0 投票
1 回答
452 浏览

angular - 在序列化数据中,角度将未选中的复选框设置为 false

我希望我的复选框被初始化为 false 而不是 NULL,因为表单只会在第一次选中和未选中时将复选框值设置为 false,否则它保持为空并且我收到此错误。

将值 {null} 转换为类型“System.Boolean”时出错。路径“inStock”,第 1 行,位置 84。

如何使用 Angular 中的模板表单将表单数据初始化为 false?

}

0 投票
0 回答
150 浏览

angular - 为什么 Angular 中的模板驱动表单是异步的?

模板驱动形式的数据流

我从 Angular 的官方文档中找到了这张图表。它声称,每当更新组件类中的值时,该ngModel指令必须排队异步任务以在下一个滴答中更新表单控件的值。为什么要等?

0 投票
2 回答
2464 浏览

angular - 为什么表单错误的 getter 在我的 Angular Reactive Form 组件模板中不起作用,但直接引用却可以?

快速提问。这是那些令人讨厌的小错误之一。我在延迟加载的注册模块中有一个 Angular 反应形式。代码结构如下:

TS

HTML

在模板中,永远不会显示 div,因为表达式永远不会计算为真,即使存在错误也是如此。我已经在控制台中检查了。

更令人困惑的是,我在component.ts使用. 这很好用。但不在模板中。console.logconsole.log(this.email.errors)

我凌乱的解决方案是直接访问错误,这确实有效:

任何帮助表示赞赏!

0 投票
1 回答
36 浏览

angular - 我的角度模板驱动表单中的复选框有一些错误,

我有一个模板驱动的表单,包括以下复选框:

我首先有两个数据模型:

最后一个里面的另一个dataModel就像:

当我运行我的应用程序时,在 [(ngModel)]="projectSettings.communication.email" 部分输入 type="checkbox" 出现此错误(当我删除它时,一切都会好起来的!):

错误类型错误:无法读取 Object.eval [as updateDirectives] 处未定义的属性“电子邮件”(ProjectSettingsComponent.html:26)

请帮忙!

0 投票
1 回答
50 浏览

angular - 在 Angular 中创建基于模板的表单

我尝试在 Angular 中创建一个表单,但是当我想从组件中的表单访问值时遇到了一些问题。

我的表格如下所示:

这是组件:

当我想查看表单中的值时,我会收到此错误: