Access a key on a typescript interface

Question

I don't think this is possible, but given this:

interface

import {BrowserService} from "../services/browser/index";

export interface IPrimaryNavigation {
    opts:IPrimaryNavigationOpts;
}

export interface IPrimaryNavigationOpts {
    ...
    browserService:BrowserService;
    ...
}

class:

import {IPrimaryNavigation, IPrimaryNavigationOpts} from "./interface";

export class PrimaryNavigation implements IPrimaryNavigation {
   public opts:IPrimaryNavigationOpts;
   ...
   mounted():void {
        ...
        this.listenForBootstrap(this.opts.bsNav, this.opts.browserService);
    }
    listenForBootstrap(menuName:string,browserService:<???>):void {
                                                       ^^^ here is the problem - 
    // I want to do the equivalent of IPrimaryNavigationOpts.browserService but can't. 
    // I don't think I should have to import the IBrowserService explicitly.

    }
}

How do you get around this issue. I can't seem to find any examples online that deal with such an issue. I admit I am very new to all of this, so pointers appreciated.

Radim Köhler · Accepted Answer · 2016-09-23 05:17:17Z

1

We can re-export used stuff. So, inside of the "./interface" we can do (check the last lines):

import {BrowserService} from "../services/browser/index";

export interface IPrimaryNavigation {
    opts:IPrimaryNavigationOpts;
}

export interface IPrimaryNavigationOpts {
    ...
    browserService:BrowserService;
    ...
}
// re-export used interface
export { BrowserService }

And now, we can import even that type

// we import the re-exported type
import {IPrimaryNavigation, IPrimaryNavigationOpts
        BrowserService } from "./interface";

export class PrimaryNavigation implements IPrimaryNavigation {
   public opts:IPrimaryNavigationOpts;
   ...
   mounted():void {
        ...
        this.listenForBootstrap(this.opts.bsNav, this.opts.browserService);
    }
    listenForBootstrap(menuName:string,browserService:BrowserService):void {
    //listenForBootstrap(menuName:string,browserService:<???>):void {
    //                                                   ^^^ here is the problem - 
    // I want to do the equivalent of IPrimaryNavigationOpts.browserService but can't. 
    // I don't think I should have to import the IBrowserService explicitly.

    }
}

answered Sep 23, 2016 at 5:17

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

1 Comment

Simon Over a year ago

Actually, this is the correct answer. When I tried @AlexG's approach of using typeof, Typescript still complained that it could not find IPrimaryNavigationOpts interface

AlexG · Accepted Answer · 2016-09-23 05:02:39Z

0

You can type it as: browserService: typeof IPrimaryNavigationOpts.browserService

answered Sep 23, 2016 at 5:02

AlexG

4,1151 gold badge26 silver badges19 bronze badges

1 Comment

Simon Over a year ago

Error TS2304: Cannot find name 'IPrimaryNavigationOpts'. This quite weird.

Collectives™ on Stack Overflow

Access a key on a typescript interface

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related