Mat单选按钮值在表单提交后没有改变

Posted 2023-02-22

【中文标题】Mat单选按钮值在表单提交后没有改变

【英文标题】：Mat Radio button value is not changing after form submission

【发布时间】：2019-10-30 06:01:45

【问题描述】：

我通过将语言英语更改为法语并更改单选按钮的标签来使用翻译服务，但是当我提交表单时，单选的表单值保持不变..

我使用了基于点击事件的自定义目录指令我正在设置 mat 单选按钮的属性值并将其更改（翻译）为“man”，但是当我提交表单时 orignal value="male" 正在已提交。

改变

//自定义指令]2

【问题讨论】：

我正在使用指令：@HostListener('click') onclick() let value = this.el.nativeElement.value; this.render.setElementAttribute(value, 'ng-reflect-value', 'true'); this.render.setElementAttribute(value, 'value', 'true');

请发布完整的工作示例代码。

请查看图片@G.Tranter

请发布代码而不是代码图像。图片不允许复制和粘贴来尝试。您应该始终提供工作示例，最好是 StackBlitz。

好的。我试图复制粘贴工作代码，但我无法正确使用该格式。我会尽快发布堆栈闪电战。

【参考方案1】：

请不要尝试操纵 Angular Renderer 的内部属性，而是使用数据绑定和一些管道来更新您的值。请参考@ngx-translate 项目，在那里您可以看到您可以订阅TranslateService 上的语言更改，因此您可以更新您的值以聆听该更改。

很遗憾，我现在没有时间起草一些代码，但我希望 Google 有一些示例或语言选择器。 编码愉快！