@nativescript/template-tab-navigation-ng/src/app/home/item-detail/item-detail.component.ts

Tabbed interface template

import { Component, OnInit } from '@angular/core'
import { ActivatedRoute } from '@angular/router'
import { RouterExtensions } from '@nativescript/angular'

import { DataService, DataItem } from '../../shared/data.service'

@Component({
  selector: 'ItemDetail',
  templateUrl: './item-detail.component.html',
})
export class ItemDetailComponent implements OnInit {
  item: DataItem

  constructor(
    private _data: DataService,
    private _route: ActivatedRoute,
    private _routerExtensions: RouterExtensions
  ) {}

  ngOnInit(): void {
    const id = +this._route.snapshot.params.id
    this.item = this._data.getItem(id)
  }

  onBackTap(): void {
    this._routerExtensions.back()
  }
}