CODEWITHSUNDEEP
angulartypescriptarrow-functions
Akash
Akash

Reputation: 988

Arrow function in typescript interface with return type as void

I am trying to write arrow function in my type Script interface as below but getting error "Class 'ToastrService' incorrectly implements interface 'IToastr'."

interface IToastr{
    (message:string,title:string):void;
}

@Injectable()
export class ToastrService implements IToastr {
    (message:string,title:string):void {
         toastr.success(message,title);
    }
}

My question is: can we define a function signature in TS interface with return type as void??

I did try searching google as well but did not find any example. Thanks !!

Upvotes: 0

Views: 17461

Answers (2)

ErvTheDev
ErvTheDev

Reputation: 4507

Yes it is possible. Please consult the official typescript for more info.

Example 1:

interface SearchFunc {
    (source: string, subString: string): void;
}
let mySearch: SearchFunc;
mySearch = function(source: string, subString: string) {
    // do smth
}

Example 2: Solution: You should name your function

interface IToastr{
    FuncName(message:string,title:string):void;
}

class ToastrService implements IToastr {
    FuncName(message:string,title:string):void {
         // toastr.success(message,title);
    }
}

Upvotes: 5

Nachshon Schwartz
Nachshon Schwartz

Reputation: 15775

What you are doing seems fine just missing a name for the function (or if this is a constructor then the constructor keyword is missing)

interface IToastr{
    toast(message:string,title:string):void;
}

@Injectable()
export class ToastrService implements IToastr {
    toast(message:string,title:string):void {
         toastr.success(message,title);
    }
}

Upvotes: 3

Related Questions