Angular - Component different templates

angular angular-components
Michalis picture Michalis · May 26, 2017 · Viewed 13.8k times · Source

I have a component "course". I use this component to a list. This list sometimes is horizontal and some times is vertical. Can I choose dynamicaly inside the component the template file?

@Component({
    selector: 'course',
    templateUrl: getTemplateFile()
})

Something like that would be great feature!

Answer

Michalis picture Michalis · Jun 28, 2017

I think that this tutorial is very helpful

https://scotch.io/tutorials/component-inheritance-in-angular-2

You can simply extend your base component and overwrite the template. This allows you to have different components with the exact same functionality, but different templates.

Related questions

What is the equivalent of ngShow and ngHide in Angular 2+?

I have a number of elements that I want to be visible under certain conditions. In AngularJS I would write <div ng-show="myVar">stuff</div> How can I do this in Angular 2+?

Read More
How can I select an element in a component template?

Does anybody know how to get hold of an element defined in a component template? Polymer makes it really easy with the $ and $$. I was just wondering how to go about it in Angular. Take the example from the tutorial: …

Read More
How to style child components from parent component's CSS file?

I've got a parent component: <parent></parent> And I want to populate this group with child components: <parent> <child></child> <child></child> <child></…

Read More