fix(core): emit valueChanges when fieldArray length is decreasing (#3279

)

fix #3250

src/core/src/lib/templates/field-array.type.spec.ts

@@ -205,6 +205,34 @@ describe('Array Field Type', () => {
     subscription.unsubscribe();
   });
 
+  it('should emit `valueChanges` on model change', () => {
+    app.fields = [
+      {
+        key: 'foo',
+        type: 'array',
+        fieldArray: { key: 'title' },
+      },
+    ];
+
+    const fixture = createFormlyTestComponent();
+    const spy = jasmine.createSpy('model change spy');
+    const subscription = app.form.get('foo').valueChanges.subscribe(spy);
+
+    // add
+    fixture.componentInstance.model = { foo: [{ title: 1 }] };
+    fixture.detectChanges();
+
+    expect(spy).toHaveBeenCalledWith([{ title: 1 }]);
+
+    // remove
+    spy.calls.reset();
+    fixture.componentInstance.model = { foo: [] };
+    fixture.detectChanges();
+
+    expect(spy).toHaveBeenCalledWith([]);
+    subscription.unsubscribe();
+  });
+
   it('should not triggers valueChanges for all fields on add/remove', () => {
     app.fields = [
       {

src/core/src/lib/templates/field-array.type.ts

@@ -46,7 +46,7 @@ export abstract class FieldArrayType<F extends FormlyFieldConfig = FormlyFieldCo
     const length = field.model ? field.model.length : 0;
     if (field.fieldGroup.length > length) {
       for (let i = field.fieldGroup.length - 1; i >= length; --i) {
-        unregisterControl(field.fieldGroup[i]);
+        unregisterControl(field.fieldGroup[i], true);
         field.fieldGroup.splice(i, 1);
       }
     }