将值设置为动态创建的离子输入

Question

我有一个动态创建的离子输入控件。

下面有一个按钮，点击该按钮，我将打开扫描仪并阅读条形码。我希望这个条形码出现在我动态创建的Ion-Input上。

<input *ngSwitchCase="'textbox'" [formControlName]="question.key"
        [id]="question.key" [type]="question.type">

<button type="button" ion-button (click)="Scan"></button>

Scan(){
 return barcodeasString;
}

我希望条形码出现在离子输入上。我试图传递这个对象和问题对象并设置它的值，但它没有用。

任何提示都会有所帮助!!

https://plnkr.co/edit/ZmzmANTP3bpFmSX7lle0?p=preview

Answer 1

在app/dynamic-form-question.component.html文件中，您可以将其更改为以下任意一种：

1. 单向绑定：

   <input #scannerInput [ngModel]="question.value" [formControlName]="question.key" [id]="question.key" >

2. 双向绑定：

   <input #scannerInput [(ngModel)]="question.value" [formControlName]="question.key" [id]="question.key" >

基本上，单向绑定将在控制器更新值时更新视图。双向绑定与单向相同，但也可以反向工作（在更新视图时更新控制器。