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 the component's host

In this section, we are going to demonstrate how we can use the host setting in our components to control how the component host is rendered. When a component is rendered, Angular will always create a DOM element that matches the name of the component selector. This DOM element is known as the host. For example, take a look at the following component:

@Component({ 
    selector: "app-row", 
    template: ` 
        <div class="row"> 
            <ng-content></ng-content> 
        </div> 
    ` 
}) 
export class RowComponent {} 

It can be consumed by other components as:

<app-row> 
    Hello! 
</app-row> 

However, it will be rendered as:

<app-row> 
    <div class="row"> 
        Hello! 
    </div> 
</app-row> 

As you can see, there is an additional DOM node. Sometimes, having an ...

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