search

infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
27 stars 26 forks source link

General: Two way binding using ids web components not working as expected #2450

Closed svardhineedi closed 3 weeks ago

svardhineedi commented 3 months ago

Describe the bug two way binding using ids web components like ids-input, ids-date-picker, ids-dropdown etc. I am using Angular framework with the IDS web components for building workspace widgets. Setting [(ngModel)] does not seems to work.

Attached a example widget code here that demos the issue with ngModel. I used Widget SDK beta version 1.0.0-rc.11

Steps to run the widget.

  1. install the widget sdk beta
  2. copy the sample widget into the project directory(need to create project using lime, if not exists).
  3. start the dev server

Expected behavior two way binding using ids web components using ngModel should work.

Version

============= environment: ============= Local CLI 1.1.0 Global CLI 1.1.0 Node 20.14.0 npm 10.7.0 OS win32 x64

============= dependencies: ============= @angular/animations 17.3.10 @angular/common 17.3.10 @angular/core 17.3.10 @angular/forms 17.3.10 @infor-lime/cli 1.1.0 @infor-lime/core 1.1.0 ids-enterprise-ng 17.6.2 lit 3.1.3 rxjs 7.8.1

Additional context The issue is noticed with IDS web components on using Angular . Attached example widget code that shows the issue. infor.csi.sample.webcomponent.zip

tmcconechy commented 3 months ago

@volante007 @clayinfor Can you guys provide any feedback on this issue? I see that @svardhineedi is using the ids-form-accessors

Is this something we provide or Infor OS provides?

This issue was previously "fixed" on https://github.com/infor-design/enterprise-wc/issues/1505

I do see this example works https://github.com/infor-design/enterprise-wc-examples/tree/main/angular-ids-wc/src/app/components/ids-forms

Now that we have these accessors "baked" in. So maybe you can explore that example and approach @svardhineedi