Can I give an alias to an imported library in angular/typescript?

Question

I'm having troubles with the following. I have been working for a while with a model called Location , but now I found that angular also has such a model so I have the following collision in one component where I need both:

import { Location } from 'src/app/core/models/location.model';
import { Location }  from '@angular/common';

Is there any workaround for this such as giving an alias to the library?

Current issue:

Duplicate identifier 'Location'.ts(2300)

Answer 1

You can alias imports using the as keyword to avoid name collisions.

import { Location as LocationModel } from 'src/app/core/models/location.model';
import { Location }  from '@angular/common';