v3 is not working with ngModel

[abdulkareemnalband]

in v3 froala editor is not working with ngModel but works fine with froalaModel.

froala version

• [email protected]
• [email protected]

Environment

@angular-devkit/architect         0.10.7
@angular-devkit/build-angular     0.10.7
@angular-devkit/build-optimizer   0.10.7
@angular-devkit/build-webpack     0.10.7
@angular-devkit/core              7.0.7
@angular-devkit/schematics        7.0.7
@angular/cli                      7.0.7
@angular/compiler-cli             7.0.4
@angular/language-service         7.0.4
@ngtools/webpack                  7.0.7
@schematics/angular               7.0.7
@schematics/update                0.10.7
rxjs                              6.5.2
typescript                        3.1.6
webpack                           4.19.1

Browser: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Repro Steps

see this repo

[leo6104]

i got same problem. Also [(froalaModel)]="content" not works.

It only works with [froalaModel]="content" (fraolaModelChange)="content = $event"

[JCanlett]

This may be due to specific pages that use the same settings for multiple froala editors.

[JCanlett]

related ? #318

[abdulkareemnalband]

As per version 3.1.0 still not working code is available here https://gitlab.com/abdulkareemnalband/angular-froala-ngmodel-issue

[dejanmartinovic]

Acording to our docs you should use ngmodel like this:

<div [froalaEditor] [(froalaModel)]="ngModel"></div>
<input [(ngModel)]="ngModel" />

https://stackblitz.com/edit/github-m7wmdb?file=demo%2Fsrc%2Fapp%2Ffroala.component.ts

[abdulkareemnalband]

Hi @dejanmartinovic as froalaEditor provides NG_VALUE_ACCESSOR (here) , we should be able to use ngModel or formControl directives without any issue

[poddarkhushbu07]

ngModel not working with textarea <textarea (froalaModelChange)="comment = $event" [froalaEditor]="froalaOptions" [(ngModel)]="comment"></textarea>

froalaModelChange also not working <textarea (froalaModelChange)="comment = $event" [froalaEditor]="froalaOptions" [froalaModel]="comment" name="comment"></textarea>

I am using angular-froala-wysiwyg - v3.1.1 with Angular 9

[qdelettre]

I can confirm the issue with 3.1.1 & 3.2.0. Do you want me to fill a customer ticket ?

[abdulkareemnalband]

@qdelettre please do, we did when I opened this ticket, still no solution