fix-next(dialogs): showModal dialog of selector template as root

Extend AppHostView class to overwrite the `content` property of ContentView.

Author: vchimev

Diff for: nativescript-angular/app-host-view.ts

@@ -1,6 +1,41 @@
 import { ContentView } from "tns-core-modules/ui/content-view";
+import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
 import { ViewBase } from "tns-core-modules/ui/core/view/view";
+import { ProxyViewContainer } from "tns-core-modules/ui/proxy-view-container";
+import { View } from "tns-core-modules/ui/core/view";
 
 export class AppHostView extends ContentView {
-    ngAppRoot: ViewBase;
+
+    private _ngAppRoot: View;
+    private _content: View;
+
+    get ngAppRoot(): View {
+        return this._ngAppRoot;
+    }
+
+    set ngAppRoot(value: View) {
+        this._ngAppRoot = value;
+    }
+
+    get content(): View {
+        return this._content;
+    }
+
+    set content(value: View) {
+        if (this._content) {
+            this._content.parentNode = undefined;
+        }
+
+        this._content = value;
+        this._content.parentNode = this;
+
+        this.ngAppRoot = value;
+
+        if (this._content instanceof ProxyViewContainer) {
+            const grid = new GridLayout();
+            grid.addChild(this._content);
+            this.ngAppRoot = grid;
+        }
+    }
+
 }

Diff for: ng-sample/.vscode/launch.json

@@ -1,72 +1,58 @@
 {
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "Sync on iOS",
-      "type": "nativescript",
-      "platform": "ios",
-      "request": "launch",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false,
-      "rebuild": false,
-      "syncAllFiles": false
-    },
-    {
-      "name": "Launch on iOS",
-      "type": "nativescript",
-      "platform": "ios",
-      "request": "launch",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false,
-      "rebuild": true,
-      "stopOnEntry": true
-    },
-    {
-      "name": "Attach on iOS",
-      "type": "nativescript",
-      "platform": "ios",
-      "request": "attach",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false
-    },
-    {
-      "name": "Sync on Android",
-      "type": "nativescript",
-      "platform": "android",
-      "request": "launch",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false,
-      "rebuild": false
-    },
-    {
-      "name": "Launch on Android",
-      "type": "nativescript",
-      "platform": "android",
-      "request": "launch",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false,
-      "rebuild": true,
-      "stopOnEntry": true
-    },
-    {
-      "name": "Attach on Android",
-      "type": "nativescript",
-      "platform": "android",
-      "request": "attach",
-      "appRoot": "${workspaceRoot}",
-      "sourceMaps": true,
-      "diagnosticLogging": false,
-      "emulator": false
-    }
-  ]
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Launch on iOS",
+            "type": "nativescript",
+            "request": "launch",
+            "platform": "ios",
+            "appRoot": "${workspaceRoot}",
+            "sourceMaps": true,
+            "stopOnEntry": true,
+            "tnsArgs": [
+                "--syncAllFiles"
+            ],
+            "watch": true
+        },
+        {
+            "name": "Attach on iOS",
+            "type": "nativescript",
+            "request": "attach",
+            "platform": "ios",
+            "appRoot": "${workspaceRoot}",
+            "sourceMaps": true,
+            "tnsArgs": [
+                "--syncAllFiles"
+            ],
+            "watch": false
+        },
+        {
+            "name": "Launch on Android",
+            "type": "nativescript",
+            "request": "launch",
+            "platform": "android",
+            "appRoot": "${workspaceRoot}",
+            "sourceMaps": true,
+            "stopOnEntry": false,
+            "tnsArgs": [
+                "--syncAllFiles"
+            ],
+            "watch": true
+        },
+        {
+            "name": "Attach on Android",
+            "type": "nativescript",
+            "request": "attach",
+            "platform": "android",
+            "appRoot": "${workspaceRoot}",
+            "sourceMaps": true,
+            "tnsArgs": [
+                "--syncAllFiles"
+            ],
+            "watch": false
+        }
+    ]
 }

Diff for: ng-sample/app/app.ts

@@ -187,4 +187,5 @@ onAfterLivesync.subscribe(({ moduleRef, error }) => {
 
 // platformNativeScriptDynamic().bootstrapModule(makeExampleModule(LivesyncApp));
 // console.log("APP RESTART!!!!  !!!");
-platformNativeScriptDynamic().bootstrapModule(makeExampleModule(ModalTest));
+// platformNativeScriptDynamic().bootstrapModule(makeExampleModule(ModalTest));
+platformNativeScriptDynamic().bootstrapModule(makeExampleModule(ModalNestedTest));