如何将角度无功控制方法绑定到ngModel

Question

index.html:

<textarea id="w3review" (change)="textRelease()"[{ngModel}]="this.getCaptionDetail.value.caption">{{this.getDetailText.caption}}

我很难在Angular中绑定我的反应控件。

组件.ts:

....
getDetailText() {
let index = this.detailIndex
let detailArray = 
this.detailsControl.controls[this.selectedHour] as FormArray
let detailGroup = detailArray.at(index) as FormGroup
let value = detailGroup.value
return value
}
....
textRelease() {
var hour = this.selectedHour.slice(0,4)
var index = this.detailIndex
var baseKey = this.parse(index, this.selectedHour.slice(0, 4));
var theGroup = this.detailsControl.get(this.selectedHour) as FormArray
var theControl = theGroup.at(this.detailIndex) as FormControl
let theKey = hour + baseKey
this.db.putItem(this.data.dataObject['name'], theControl);
}
....

我希望能够通过获得对特定控件的引用，从文本区域获得最后输入的文本。(嵌套在其他抽象控件中(不幸的是，ngModel部分：〔｛ngModel｝〕＝"；this.getCaptionDetail.catting"gt；似乎绑定不正确。

Answer 1

我认为您希望绑定一个formControl(https://angular.io/guide/reactive-forms#adding-a-basic-form-control(，ngModel绑定值。您可以使用ngModel将值绑定到模板中的元素，但如果您已经有表单，则应使用formControl绑定控件。