打字稿：具有不同名稱的導出接口

Question

我需要導入接口，將屬性添加到 id 並導出與原始接口同名的新接口。 然后在所有使用此接口的地方我只能更改導入位置。

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

export declare type Routes = Route2[];

然后我想（雖然這是不可能的）

export Route2 as Route;

Answer 1

以不同的名稱導入原始Route ，並將新Route導出為Route

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

Answer 2

您可以使用導出類型來執行此操作，該類型允許您為接口提供別名。

一般示例（別名是新名稱，SomeInterface 是原始名稱）：

export type Alias = SomeInterface;

您的具體場景：

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

export type Route = Route2;