Typescript: export interface with different name

Question

I need to import interface, add property to id and export the new interface with the same name as original one. Then in all places where this interface is used I can only change import location.

import { Routes, Route } from '@angular/router';
interface Route2 extends Route {
    description: string;
}

export declare type Routes = Route2[];

And then I'd like to (although it is not possible)

export Route2 as Route;

Bruno Grieder · Accepted Answer · 2016-08-30 06:48:59Z

5

Import the original Route under a different name and export the new one as Route

import { Route as OriginalRoute } from '@angular/router';
export interface Route extends OriginalRoute {
    description: string;
}

answered Aug 30, 2016 at 6:48

Bruno Grieder

30k10 gold badges73 silver badges104 bronze badges

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

Comments

Marquez · Accepted Answer · 2021-12-06 14:50:21Z

3

You can do it with export type which allows you to provide an alias for the interface.

General example (Alias being the new name and SomeInterface the original):

export type Alias = SomeInterface;

Your specific scenario:

import { Routes, Route } from '@angular/router';
    interface Route2 extends Route {
        description: string;
    }

export type Route = Route2;

answered Dec 6, 2021 at 14:50

Marquez

6,0465 gold badges36 silver badges40 bronze badges

Collectives™ on Stack Overflow

Typescript: export interface with different name

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related