Support for adding scoped CSS without triggering global refresh (#1999)

* Scoped styles should not trigger a global refresh (for bug: NativeScript/theme#179)

* Update nativescript-angular/renderer.ts

Fixed profiling naming inconsistencies

Co-Authored-By: Martin Yankov <[email protected]>

* Update nativescript-angular/renderer.ts

Naming consistency fix

Co-Authored-By: Martin Yankov <[email protected]>

Author: 2 people

Diff for: nativescript-angular/renderer.ts

@@ -356,7 +356,7 @@ class EmulatedRenderer extends NativeScriptRenderer {
     private addStyles(styles: (string | any[])[], componentId: string) {
         styles.map(s => s.toString())
             .map(s => replaceNgAttribute(s, componentId))
-            .forEach(addStyleToCss);
+            .forEach(addScopedStyleToCss);
     }
 }
 
@@ -365,6 +365,11 @@ const addStyleToCss = profile('"renderer".addStyleToCss', function addStyleToCss
     addCss(style);
 });
 
+// tslint:disable-next-line
+const addScopedStyleToCss = profile('"renderer".addScopedStyleToCss', function addScopedStyleToCss(style: string): void {
+    addCss(style, true);
+});
+
 function replaceNgAttribute(input: string, componentId: string): string {
     return input.replace(COMPONENT_REGEX, componentId);
 }