Fix Angular issues

Author: sdirix

packages/angular/src/abstract-control.ts

@@ -43,6 +43,7 @@ import { Subscription } from 'rxjs';
 import { JsonFormsBaseRenderer } from './base.renderer';
 import { JsonFormsAngularService } from './jsonforms.service';
 import merge from 'lodash/merge';
+import { isEqual } from 'lodash';
 @Component({
   template: ''
 })
@@ -126,7 +127,9 @@ export abstract class JsonFormsAbstractControl<
           this.scopedSchema !== undefined ? this.scopedSchema.description : '';
         this.id = props.id;
         this.form.setValue(data);
-        this.propsPath = path;
+        if (!isEqual(this.propsPath, path)) {
+          this.propsPath = path;
+        }
         this.mapAdditionalProps(props);
       }
     });

packages/angular/src/control.ts

@@ -37,6 +37,7 @@ export class JsonFormsControl
   implements OnInit, OnDestroy {
   protected mapToProps(state: JsonFormsState): StatePropsOfControl {
     const props = mapStateToControlProps(state, this.getOwnProps());
+    console.log("mapStateToProps", props);
     return { ...props };
   }
 }
@@ -46,6 +47,7 @@ export class JsonFormsControlWithDetail
   implements OnInit, OnDestroy {
   protected mapToProps(state: JsonFormsState): StatePropsOfControlWithDetail {
     const props = mapStateToControlWithDetailProps(state, this.getOwnProps());
+    console.log("mapStateToControlWithDetailProps", props);
     return { ...props };
   }
 }

packages/angular/src/jsonforms.component.ts

@@ -57,7 +57,7 @@ const areEqual = (prevProps: StatePropsOfJsonFormsRenderer, nextProps: StateProp
     && get(prevProps, 'uischemas.length') === get(nextProps, 'uischemas.length')
     && get(prevProps, 'schema') === get(nextProps, 'schema')
     && isEqual(get(prevProps, 'uischema'), get(nextProps, 'uischema'))
-    && get(prevProps, 'path') === get(nextProps, 'path');
+    && isEqual(get(prevProps, 'path'), get(nextProps, 'path'));
 };
 
 @Directive({
@@ -78,7 +78,9 @@ export class JsonFormsOutlet extends JsonFormsBaseRenderer<UISchemaElement>
 
   @Input()
   set renderProps(renderProps: OwnPropsOfRenderer) {
-    this.path = renderProps.path;
+    if (!isEqual(this.path, renderProps.path)) {
+      this.path = renderProps.path;
+    }
     this.schema = renderProps.schema;
     this.uischema = renderProps.uischema;
     this.update(this.jsonformsService.getState());