fix: ng template updates

Author: NathanWalker

packages/template-hello-world-ng/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nativescript/template-hello-world-ng",
   "main": "./src/main.ts",
-  "version": "8.9.2",
+  "version": "8.9.3",
   "author": "NativeScript Team <[email protected]>",
   "description": "NativeScript Angular Hello World template",
   "license": "Apache-2.0",

packages/template-hello-world-ng/src/app/app.routes.ts

@@ -1,9 +1,9 @@
 import { Routes } from '@angular/router';
-import { PeopleComponent } from './people/person.component';
+import { PersonComponent } from './people/person.component';
 import { PersonDetailComponent } from './people/person-detail.component';
 
 export const routes: Routes = [
   { path: '', redirectTo: '/items', pathMatch: 'full' },
-  { path: 'items', component: PeopleComponent },
+  { path: 'items', component: PersonComponent },
   { path: 'item/:id', component: PersonDetailComponent },
 ];

packages/template-hello-world-ng/src/app/people/people.component.html renamed to packages/template-hello-world-ng/src/app/people/person.component.html

@@ -1,4 +1,4 @@
-<ActionBar title="Computer Scientists"> </ActionBar>
+<ActionBar title="Computer Scientists" iosLargeTitle="true"> </ActionBar>
 
 <GridLayout>
   <ListView [items]="personService.items()">

packages/template-hello-world-ng/src/app/people/person.component.ts

@@ -1,26 +1,14 @@
 import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, inject } from '@angular/core'
 import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular'
-import { Page } from '@nativescript/core'
 import { PersonService } from './person.service'
 
 @Component({
-  selector: 'ns-people',
-  templateUrl: './people.component.html',
+  selector: 'ns-person',
+  templateUrl: './person.component.html',
   imports: [NativeScriptCommonModule, NativeScriptRouterModule],
   schemas: [NO_ERRORS_SCHEMA],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class PeopleComponent {
+export class PersonComponent {
   personService = inject(PersonService);
-  page = inject(Page);
-
-  constructor() {
-    // Setup large titles on iOS
-    this.page.on('loaded', (args) => {
-      if (__IOS__) {
-        const navigationController: UINavigationController = this.page.frame.ios.controller;
-        navigationController.navigationBar.prefersLargeTitles = true;
-      }
-    })
-  }
 }