Skip to Content
Learning TypeScript 2.x - Second Edition
book

Learning TypeScript 2.x - Second Edition

by Remo H. Jansen
April 2018
Beginner content levelBeginner
536 pages
13h 21m
English
Packt Publishing
Content preview from Learning TypeScript 2.x - Second Edition

Working with @Attribute and @Input

In the preceding section, we learned that the AppComponent renders the AppLayout component. In this section, we are going to look at the AppLayout:

import { Component, OnInit } from "@angular/core"; 
import { Route } from "../components/header.component"; 
 
@Component({ 
  selector: "app-layout", 
  template: ` 
    <div> 
        <app-header 
            bg="primary" 
            title="TsMovies" 
            rootPath="" 
            [links]="appRoutes" 
        ></app-header> 
        <main> 
            <router-outlet></router-outlet> 
        </main> 
    </div> 
  ` 
}) 
export class LayoutComponent { 
    public appRoutes: Route[] = [ 
        { label: "Movies", path: "movies" }, 
        { label: "Actors", path: "actors" } 
    ]; 
} 

The Layout component uses the app-layout selector and declares an inline template. The template uses two other components ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Mastering TypeScript - Fourth Edition

Mastering TypeScript - Fourth Edition

Nathan Rozentals
Learning TypeScript

Learning TypeScript

Josh Goldberg
TypeScript for Beginners

TypeScript for Beginners

Bharath Thippireddy

Publisher Resources

ISBN: 9781788391474Supplemental Content