How to implement polymorphism in Angular in running time?

Question

Component inheritance is quite straight forward in Angular >2, just a matter of extending the parent class:

import { ParentComponent } from './parent.component';

@Component({
  selector: 'child',
  templateUrl: './child.component.html'
})
export class ChildComponent extends ParentComponent {
}

This works pretty well for a lot of use cases.

Now, let's imagine that I have a parent class Person, and two children classes, Employee and Contractor. I don't know if a person is a contractor or an employee until I query the database.

So my question is, what is the best way to subclass Person based on a flag that is received at running time? Is there a design pattern that fits this use case?

The interfaces are lost as soon as the Typescript is compiled down anyway. — user184994
– user184994, Commented Jul 27, 2018 at 19:09

Miki · Accepted Answer · 2018-07-28 16:21:14Z

3

I think my issue can be resolved with dynamic component loading.

answered Jul 28, 2018 at 16:21

Miki

1,8791 gold badge25 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement polymorphism in Angular in running time?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related