Question

如何显示布尔类型的值？我使用FormGroup来跟踪值。但是，当我尝试显示类型为复选框（布尔型）的字段时，什么都没有出现（无效）。

ts：

  ngOnInit() {
    this.form = new FormGroup({
      name: new FormControl(null, Validators.required),
      is_active: new FormControl(false)
    })
  }

html：

<form [formGroup]="form">
    <div class="row">
      <div class="input-field col s12">
        <label>
          <input formControlName="is_active" id="is_active" type="checkbox"  class="filled-in">
        </label>
      </div>
    </div>
</form>

Answer 1

问题不是成角度的，而是具体化，

从您正在使用的类名来看，我猜您正在使用materializecss，materializecss中复选框的正确语法为

 `<label>
    <input type="checkbox" />
    <span>Red</span>
 </label>`

现在已成为标签的跨度，必须始终将其包括在内，因此，如果您不希望它具有任何标签，则可以在此处留下一个空的跨度标签，

`<label>
    <input type="checkbox" />
    <span></span>
 </label>`

如何使用FormGroup显示布尔值？

1 个答案: