feat: added control flow syntax example

Author: NathanWalker

README.md

@@ -1,6 +1,6 @@
 # @nativescript/angular
 
-For usage with NativeScript for Angular 12, 13, 14+ projects.
+For usage with NativeScript for Angular projects.
 
 Clean and setup workspace:
 

apps/nativescript-demo-ng/src/app/item3/items.component.ts

@@ -12,7 +12,7 @@ import { ModalDialogService, NativeDialogService } from '@nativescript/angular';
   templateUrl: './items.component.html',
 })
 export class ItemsComponent implements OnInit {
-  message = 'Hello Angular 17...rc';
+  message = 'Hello Angular 17';
   items: Array<Item>;
   borderRadius: number;
   fontSize: number;

apps/nativescript-demo-ng/src/app/modal/modal.component.html

@@ -1,6 +1,8 @@
 <GridLayout [backgroundColor]="color" rows="*,auto,auto" padding="20" width="100%" height="100%">
   <Image [src]="logo" stretch="aspectFit" width="200" marginTop="50" />
-  
-  <Button row="1" (tap)="openNewModal()" text="Taste Another" fontSize="20" borderRadius="25"></Button>
+
+  @if (this.itemService.currentFlavor + 1 !== this.itemService.flavors.length) {
+    <Button row="1" (tap)="openNewModal()" text="Taste Another" fontSize="20" borderRadius="25"></Button>
+  }
   <Button row="2" [nativeDialogClose]="'thanks for clicking modal ' + id" text="Close" fontSize="20" marginTop="30" borderRadius="25"></Button>
 </GridLayout>

apps/nativescript-demo-ng/src/app/modal/modal.component.ts

@@ -24,14 +24,14 @@ export class ModalComponent implements OnInit, OnDestroy {
 
   openNewModal() {
     this.itemService.currentFlavor++;
-    this.nativeDialog.open(ModalComponent, {
+    const ref = this.nativeDialog.open(ModalComponent, {
       nativeOptions: {
         fullscreen: !!global.isAndroid,
       },
     });
-    // this.modalDialog.showModal(ModalComponent, {
-    //   viewContainerRef: this.vcRef
-    // });
+    ref.afterClosed().subscribe(() => {
+      this.itemService.currentFlavor--;
+    });
   }
   ngOnInit() {
     console.log('modal init');

package.json

@@ -62,7 +62,7 @@
     "@nativescript/types": "~8.6.0",
     "@nativescript/unit-test-runner": "^3.0.4",
     "@nativescript/webpack": "~5.0.12",
-    "@ngtools/webpack": "17.0.0-rc.3",
+    "@ngtools/webpack": "17.0.0",
     "@nstudio/angular": "17.0.1",
     "@nstudio/nativescript": "17.0.1",
     "@nstudio/nativescript-angular": "17.0.1",

packages/angular/README.md

@@ -1,3 +1,3 @@
 # @nativescript/angular
 
-For usage with NativeScript for Angular 12+ (13, etc.) projects.
+For usage with NativeScript for Angular projects.

yarn.lock

@@ -2256,11 +2256,6 @@
   resolved "https://registry.yarnpkg.com/@ngtools/webpack/-/webpack-17.0.0.tgz#358382da755b781ad8a576e398f94f7ac27d669a"
   integrity sha512-/Bb5MXlphNp3UDsQDa4EB4AwpF4D/plrCPd5YGfVvD43j5g5Rpen+cqz5jai1zfAkF1dPl2qq0nRp/jwmJO3uA==
 
-"@ngtools/[email protected]":
-  version "17.0.0-rc.3"
-  resolved "https://registry.yarnpkg.com/@ngtools/webpack/-/webpack-17.0.0-rc.3.tgz#75bfa534307b48f6d67f1e7aeec24127c13902ee"
-  integrity sha512-jNj1riYrF7Qwq4tD5FqWTVI3SlERWy01iLN8Hmx2i1b7IeSHm6UY6g1DSTgV7PuMesFMumORPtSc9WqCcPAPIg==
-
 "@ngx-translate/core@~15.0.0":
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/@ngx-translate/core/-/core-15.0.0.tgz#0fe55b9bd47e75b03d1123658f15fb7b5a534f3c"