在Angular 5 Material中,可以使用Angular的响应式表单来实现将mat-radio-group设置为必填。以下是一个包含代码示例的解决方法:
npm install @angular/material@5.2.5
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
radioGroup: ['', Validators.required]
});
}
}
Please select an option
这样,当用户没有选择任何选项并尝试提交表单时,将会显示一个错误消息。
请注意,以上示例假设你已经在你的项目中正确导入了所需的Angular Material模块。如果没有,请确保你在你的app.module.ts文件中导入了MatRadioModule和相关的Material模块。