作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
当我在 radio button
中有一个 form field
时,单击 form field 时单选按钮没有被选中。如果我在单选按钮区域内但在表单字段外单击,它确实会被选中。
当我点击表单域时,我可以看到单选按钮的动画被选中但实际上没有被选中。
简化代码:
<mat-radio-button>
<mat-form-field>
<input matInput>
</mat-form-field>
</mat-radio-button>
如何让单选按钮在用户点击字段后被选中?
-编辑-
mat-form-field
是强制性的。或者是否有更好的方法让单选按钮在用户单击该字段后自动选中?
最佳答案
这使用 react 形式。
您可以在 mat-form-field
上使用普通的 (click)
事件。
因为点击事件传播这不会干扰任何东西。
<mat-radio-group formControlName="refundType">
<mat-radio-button [value]="'partial-refund'" fxLayout="row">
<mat-form-field appearance="standard"
(click)="selectPartialCheckbox()">
<mat-label>Partial Refund</mat-label>
<input matInput [placeholder]="'Amount to refund'"
formControlName="amount"/>
</mat-form-field>
</mat-radio-button>
<!-- other items not shown -->
</mat-radio-group>
您实际设置该值的具体方式取决于您的编码标准,但像这样:
selectPartialCheckbox()
{
this.form.controls['refundType'].setValue('partial-refund');
}
不要尝试检查 DOM 中的复选框 - 那是在自找麻烦。
关于 Material 单选按钮内的 Angular Material 表单字段不会触发单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51297261/
我尝试通过正则表达式将文本中的单引号更改为双引号。 (单字)示例:我走了。 You gona fly to planet 'Ziqtos' => 我需要在 I'm 中保留单引号,并在 You gona
我正在构建一个 API,其中大部分将包含 JSON 和 HTML 内容。但是一些非常具体的端点只呈现 true 或 false,并且还在 POST 中接受 true 或 false。这是请求或响应的整
我是一名优秀的程序员,十分优秀!