问题标签 [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.
angular - 将参数传递给 Angular 7 模板驱动的表单自定义验证器
如何将参数传递给为 Angular 7 中的模板驱动表单编写的自定义验证器?
我从多个其他问题和博客文章中汇总了以下代码,但大多数集中在响应式表单而不是模板上。
我如何在这样的输入中访问传递给 minValue 的值
angular - 重置表单
在 AngularJs 中,我曾经使用 ng-submitted 类进行表单验证,但是当您提交表单时它不会出现在 Angular 中。我写了一个指令,添加一个提交到表单的类并在重置时将其删除
当您使用重置按钮重置表单时,这非常有用。我遇到的问题是,当我需要使用除将所有绑定设置为 null 之外的值进行重置时,我需要使用 ngForm resetForm 方法重置表单,但这不会触发 onReset 方法,而且我找不到点击的方法进入以这种方式重置的表格。
angular - 表单重置事件通知?
有没有办法在通过 formReset 方法重置表单时得到通知?
我有一个注入表单的指令,当表单被提交或通过重置按钮重置时我可以得到通知,但我无法找到在 ngForm 上调用 formRest 时得到通知的方法。
使用类似的指令
有没有办法通知我的指令 resetForm 方法已被调用?
StackBlitz 的演示https://stackblitz.com/edit/angular-adymlf?file=src/app/form.directive.ts
angular - 如何在 Angular 中使用 For 循环从 Mat-radio-group 中获取选定的单选按钮值
我有一个复杂的对象,即,如下所示
我想从中进行问卷调查,以确保他们对答案的评分为 0-5,现在当我呈现如下所示的 html 时
这是正确渲染,但是当我选择我的第一个问题评级为 1 时,它也会从所有其他评级中进行选择,而且我想捕获我尝试过[(ngModel)]
的每个评级,但它只给出一个值而不是数组
在我的 .ts 文件中,我将模型引用作为 Array 给出,如下所示:
angular - 角通过 ng-template 和 ngTemplateOutlet 提供的不是周围 NgForm 的一部分
我有一个可重用的可编辑表单组件。该组件包含一个<form>
元素。在该表单中,插入了由另一个组件提供的模板,该组件包含一个<input>
元素。该<input>
元素不会成为NgForm
可重用组件中的一部分。编辑时<input>
,它的脏/原始和有效/无效属性会更新,但表单不会。
这是简化的可重用组件:
这是一个使用它的组件:
我已经尝试通过提供ControlContainerviewProviders
,通过指令提供 ControlContainer ,包括通过共享服务在模板中的表单组件,通过ContentChild
与通过Input
它们而不是在<editable-form>
元素内部提供模板。
ng-template
只有当表单元素包含在<form>
via 组件下时,这些技术似乎都不适用于.
我难住了。我只需要传递给可重用组件的输入成为可重用组件中<form>
声明的一部分。
angular - 在序列化数据中,角度将未选中的复选框设置为 false
我希望我的复选框被初始化为 false 而不是 NULL,因为表单只会在第一次选中和未选中时将复选框值设置为 false,否则它保持为空并且我收到此错误。
将值 {null} 转换为类型“System.Boolean”时出错。路径“inStock”,第 1 行,位置 84。
如何使用 Angular 中的模板表单将表单数据初始化为 false?
}
angular - 为什么 Angular 中的模板驱动表单是异步的?
我从 Angular 的官方文档中找到了这张图表。它声称,每当更新组件类中的值时,该ngModel
指令必须排队异步任务以在下一个滴答中更新表单控件的值。为什么要等?
angular - 为什么表单错误的 getter 在我的 Angular Reactive Form 组件模板中不起作用,但直接引用却可以?
快速提问。这是那些令人讨厌的小错误之一。我在延迟加载的注册模块中有一个 Angular 反应形式。代码结构如下:
TS
HTML
在模板中,永远不会显示 div,因为表达式永远不会计算为真,即使存在错误也是如此。我已经在控制台中检查了。
更令人困惑的是,我在component.ts
使用. 这很好用。但不在模板中。console.log
console.log(this.email.errors)
我凌乱的解决方案是直接访问错误,这确实有效:
任何帮助表示赞赏!
angular - 我的角度模板驱动表单中的复选框有一些错误,
我有一个模板驱动的表单,包括以下复选框:
我首先有两个数据模型:
最后一个里面的另一个dataModel就像:
当我运行我的应用程序时,在 [(ngModel)]="projectSettings.communication.email" 部分输入 type="checkbox" 出现此错误(当我删除它时,一切都会好起来的!):
错误类型错误:无法读取 Object.eval [as updateDirectives] 处未定义的属性“电子邮件”(ProjectSettingsComponent.html:26)
请帮忙!
angular - 在 Angular 中创建基于模板的表单
我尝试在 Angular 中创建一个表单,但是当我想从组件中的表单访问值时遇到了一些问题。
我的表格如下所示:
这是组件:
当我想查看表单中的值时,我会收到此错误: