Skip to content

Commit 7e36f65

Browse files
committed
chore: cleanup tutorial
1 parent 0b000f1 commit 7e36f65

File tree

1 file changed

+14
-9
lines changed

1 file changed

+14
-9
lines changed

content/tutorials/build-a-master-detail-app-with-angular.md

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -96,13 +96,15 @@ src
9696

9797
Let's start with creating the files for our home feature with the following contents:
9898

99-
<!-- tab:home.html -->
100-
10199
```xml
102100
<!-- src/features/home/home.html -->
103-
```
104101

105-
<!-- tab:home.ts -->
102+
<ActionBar title="NativeFlix"></ActionBar>
103+
104+
<GridLayout>
105+
<Label text="Hello"></Label>
106+
</GridLayout>
107+
```
106108

107109
```typescript
108110
// src/features/home/home.ts
@@ -433,13 +435,16 @@ If you've followed along this far, running the app on either platform should res
433435

434436
Let's start with creating the files for our details feature with the following contents:
435437

436-
<!-- tab:details.html -->
437-
438438
```xml
439439
<!-- src/features/details/details.html -->
440-
```
440+
<ActionBar [title]="flick?.title"></ActionBar>
441441

442-
<!-- tab:details.ts -->
442+
<ScrollView height="100%">
443+
<StackLayout>
444+
<Label text="Hello"></Label>
445+
</StackLayout>
446+
</ScrollView>
447+
```
443448

444449
```typescript
445450
// src/features/details/details.ts
@@ -484,7 +489,7 @@ export const routes: Routes = [
484489
Now that we have the routes already set up, we can use NativeScript Angular's `RouterExtensions` to perform the navigation. The `RouterExtensions` class provides methods for imperative navigation, similar to how you would navigate with the Angular `Router` and `Location` classes. You can inject it and call it's `navigate` API. Open `home.ts` and add the following:
485490

486491
```typescript{7-8,22,26-28}
487-
// src/app/features/home/home.component.ts
492+
// src/features/home/home.ts
488493
489494
import { Component } from '@angular/core'
490495
import { FlickService } from '~/core/services/flick.service'

0 commit comments

Comments
 (0)