fix(common): ngStyle should ignore undefined values (#34422)

Prior to ivy, undefined values passed in an object to the
ngStyle directive were ignored. Restore this behavior by
ignoring keys that point to undefined values.

closes #34310

PR Close #34422

Author: mnahkies

packages/common/src/directives/styling_differ.ts

@@ -214,7 +214,10 @@ function bulidMapFromValues(
       let key = keys[i];
       key = trim ? key.trim() : key;
       const value = (values as{[key: string]: any})[key];
-      setMapValues(map, key, value, parseOutUnits, allowSubKeys);
+
+      if (value !== undefined) {
+        setMapValues(map, key, value, parseOutUnits, allowSubKeys);
+      }
     }
   } else {
     // case 2: array

packages/common/test/directives/ng_style_spec.ts

@@ -157,6 +157,29 @@ import {ComponentFixture, TestBed, async} from '@angular/core/testing';
          expectNativeEl(fixture).not.toHaveCssStyle('max-width');
          expectNativeEl(fixture).toHaveCssStyle({'font-size': '12px'});
        }));
+
+    it('should skip keys that are set to undefined values', async(() => {
+         const template = `<div [ngStyle]="expr"></div>`;
+
+         fixture = createTestComponent(template);
+
+         getComponent().expr = {
+           'border-top-color': undefined,
+           'border-top-style': undefined,
+           'border-color': 'red',
+           'border-style': 'solid',
+           'border-width': '1rem',
+         };
+
+         fixture.detectChanges();
+
+         expectNativeEl(fixture).toHaveCssStyle({
+           'border-color': 'red',
+           'border-style': 'solid',
+           'border-width': '1rem',
+         });
+       }));
+
   });
 }