angular - 如何在 formcontrol 中设置默认 bool 值 false

标签 angular angular-material ionic4 angular8 angular-forms

在表单控件(主字段)中设置默认 bool 值 false

this.contactForm = new FormGroup({
      name: new FormControl('', [ Validators.required]),
      contact: new FormControl('', [ Validators.required,Validators.minLength(10)]),
      email: new FormControl('', [ Validators.required,Validators.email]),
      primary: new FormControl('',[])
    });

HTML 文件:- 请看html文件

<form [formGroup]="contactForm">
    <mat-checkbox class="example-margin" formControlName="primary" [value]="primary" [(ngModel)]="primary"> Make this primary </mat-checkbox>
  </form>

console print img

最佳答案

您可以使用 patchValue()在你的 OnInit() 函数中:

this.contactForm.patchValue({primary: false});

关于angular - 如何在 formcontrol 中设置默认 bool 值 false,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61057362/

相关文章:

javascript - 鼠标悬停在元素上时重复滚动功能

angular - 从 Angular 2 组件中访问 `selector`

javascript - 在 Material <md-tab-group> 中使用 Angular 2 组件

css - 服务器端渲染时图像在加载时拉伸(stretch)到 100%

json - Ionic 4 使用搜索栏读取本地 JSON 文件

javascript - Web App 在 Webview 内部运行并像 native App 一样安装

Angular2 - 在组件外部调用组件的方法

angular - 在 Angular7 的选择列表中设置最初选定的项目

html - 如何打开/关闭 Angular Material 菜单

javascript - Angular:谷歌地图第一次工作,然后仅在移动屏幕上显示空白