我可以在不需要 [formGroup] 的情况下使用 [formControl] 吗？

Question

我在 UI 中使用了下拉菜单，但是当我开始使用[formControl]时，出现了错误：

找不到具有未指定名称属性的控件

我在app.module.ts使用 ReactiveFormsModule 。

我已经谷歌搜索并发现一个解决方案是在父div使用 [formGroup] ，但我不确定如何正确实施，因为我正在从subscribe定义我的formControl 。

myComp.component.html

<div class="exceptional-status">
  <select #exceptionalSelect id="excep-status-dropdown" [formControl]="select">
    <option disabled value="default">--Exceptional statuses--</option>
    <!-- other options here with *ngFor -->
  </select>
</div>

myComp.component.ts

select: FormControl;

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.select = new FormControl(res.status)
  });
}

Answer 1

是的，您可以在没有 FormGroup 的情况下使用FormControlDirective 。

Angular 期望 FormControl 被定义：

select = new FormControl();

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.select.setValue(res.status)
  });
}

Answer 2

是的，您可以在没有 FormGroup 的情况下使用它。

select = new FormControl();

设置值：-

select.setValue('your data here');

要获得价值：-

select.value

Answer 3

为什么要在订阅中定义表单控件？ 我的建议是在订阅之外构建表单框架，然后使用

mySubscription() {
  this.myService.myFunct.subscribe(res => {
    this.controls['select'].patchValue(res.status);
  });
}