Unknown method .bind #93

YogliB · 2017-05-09T12:39:46Z

I'm using VS Code v1.12.1, and Angular Language Service v0.1.3, with an Ionic 3 project, and I get these warnings, despite everything being fine...

bkbonner · 2017-06-10T23:14:26Z

I just saw this with Angular Language Service and VS Code 1.13. happens in Heroes Tutorial when adding (save()) method to hero-detail-component.html

Code functions fine, but shows red squiggly lines even though method is clearly there.

chuckjaz · 2017-06-20T21:43:57Z

@bkbonner I cannot reproduce this with https://angular.io/generated/zips/toh-pt6/toh-pt6.zip Do you have a modification to this that shows this issue.

bkbonner · 2017-06-21T10:35:53Z

I can try to send my codebase. Let me see if there is something else different in i you're that lets it work.

bkbonner · 2017-06-21T12:02:07Z

Hi @chuckjaz . So if I go and modify the .ts file and remove the save() method and then go to the corresponding html file and modify the method name call in the html file, it underlines it. If I add the method back on the .ts side, and go back to the .html file, the squiggly line stays until I click ctrl+space and select one of the method options in the drop-down.

I'm not sure if this is how it was behaving before, but maybe it's how the validation of the method's existence is being triggered that is causing the confusing result.

bkbonner · 2017-06-21T12:18:46Z

I included a video to show how it looks: https://youtu.be/UjfFprgvTQg no audio, but I included closed captions to describe it.

karocksjoelee · 2018-01-09T07:36:14Z

I am facing same problem as well ...

Kyderman · 2018-03-05T11:49:16Z

I have the same problem using .bind in a template.

It works but we get errors.

spacedawwwg · 2018-03-22T15:09:45Z

+1 same issue here

CaffGeek · 2018-03-22T16:30:21Z

Any solution yet?

JorgeSanchezGr · 2018-04-04T14:53:18Z

+1 here too!

Luchnik · 2018-04-14T13:07:23Z

+1 exact same issue. Any updates?

RafaelKr · 2018-05-07T19:26:07Z

Same error with .bind(this) here.

shamilovtim · 2018-05-21T01:14:27Z

Confirmed still happening in VS Code with angular language service. Ionic 3, Angular 5.

AndrWeisR · 2018-06-22T01:20:52Z

Also happening with 'hasError' in extension 0.1.9 in VS Code 1.24.1:

<div *ngIf="form.get('phone').hasError(validation.type)">

complains that hasError is not a function, although it is (in the AbstractControl class of Angular forms).

Edit: although this can be fixed by adding a "!" thus:
<div *ngIf="form.get('phone')!.hasError(validation.type)">

That's because the get method returns AbstractControl or null. I presume the language service is complaining that 'hasError' is not a function of 'null'. It would be clearer if the error was:
The expression might be null
as it is for other functions, e.g. <div *ngIf="form.get('phone').errors[validation.type]">
produces the error The expression might be null.

aj-r · 2018-07-05T21:33:30Z

Also happening with $any(), which should always exist (https://angular.io/guide/aot-compiler#disabling-type-checking-using-any)

ex)

<input [(ngModel)]="$any(content).houseId" />

[Angular] Unknown method '$any'

JosepAlacid · 2018-07-18T21:04:50Z

Same issue here Ionic3 Angular5

joseluisq · 2018-08-08T14:52:41Z

I got the same error in VS Code v1.25.1 + Angular v6.0.1

1011178l · 2018-08-14T14:03:50Z

Got the same error in VS code 1.25.1

Version: 1.25.1
Commit: 1dfc5e557209371715f655691b1235b6b26a06be
Date: 2018-07-11T15:40:20.190Z
Electron: 1.7.12
Chrome: 58.0.3029.110
Node.js: 7.9.0
V8: 5.8.283.38
Architecture: x64

pgwest · 2018-08-16T03:13:27Z

Same error in Angular 5 and VS Code 1.26.0

MarkvanTurnhout · 2018-08-31T09:18:21Z

I have the same problem in Angular 6.

[displayWith]="displayFn.bind(this)"

Everything works fine and I see no errors while running, just in the editor:

[Angular] Unknown method 'bind'

Spaier · 2019-01-21T15:54:19Z

The same happens to me.

[myFun]="myService.myFunc.bind(myService)"

eugensunic · 2019-01-27T12:47:42Z

Is there any way to surpress this warning instead of everyone saying I have the same problem?

multilexus · 2019-02-15T16:43:33Z

try adding a semicolon after function name like this

<ion-button (click)="test();">
Test Button

This seems to remove the warning.

YogliB · 2019-02-17T07:01:18Z

Honestly, I have no idea if this is still an issue.
VS Code & the ALS have been updated a lot since then, and I haven't seen this warning in a long time...

RafaelKr · 2019-02-18T10:09:53Z

Yes, this is still an issue.

VS Code About:

Version: 1.31.1
Commit: 1b8e8302e405050205e69b59abb3559592bb9e60
Date: 2019-02-12T02:19:29.629Z
Electron: 3.1.2
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Linux x64 4.15.0-45-generic

multilexus · 2019-02-18T13:42:37Z

Try to put ; after it.On Feb 18, 2019 5:09 AM, Rafael <notifications@github.com> wrote:Yes, this is still an issue. VS Code About: Version: 1.31.1 Commit: 1b8e8302e405050205e69b59abb3559592bb9e60 Date: 2019-02-12T02:19:29.629Z Electron: 3.1.2 Chrome: 66.0.3359.181 Node.js: 10.2.0 V8: 6.6.346.32 OS: Linux x64 4.15.0-45-generic —You are receiving this because you commented.Reply to this email directly, view it on GitHub, or mute the thread.

RafaelKr · 2019-02-18T14:52:04Z

@multilexus this is not working.

anonymuos1 · 2019-02-22T10:17:45Z

Yes, this is still an issue.

VS Code About:

Version: 1.31.1
Commit: 1b8e8302e405050205e69b59abb3559592bb9e60
Date: 2019-02-12T02:19:29.629Z
Electron: 3.1.2
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Linux x64 4.15.0-45-generic

Same problem here :-/ Any solution?

ace90210 · 2019-02-22T14:47:09Z

+1 with angular 7 displayWith on a mat-autocomplete

Works fine but warnings

LMariano · 2019-02-26T18:43:00Z

@multilexus is right i'm working with Angular 7 in VS code 1.31.1

mspoerry · 2019-04-09T12:26:59Z

It is still a problem. Any news?

AakashCodeLab · 2019-04-23T11:04:01Z

The same happens to me.
[myFun]="myService.myFunc.bind(myService)"

write like this:--
[myFun]='handleFun'
---in html

this.handleFun=this.myService.myFunc.bind(myService);
--in ts file

AakashCodeLab · 2019-04-23T11:10:03Z

Yes, this is still an issue.

VS Code About:

Version: 1.31.1
Commit: 1b8e8302e405050205e69b59abb3559592bb9e60
Date: 2019-02-12T02:19:29.629Z
Electron: 3.1.2
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Linux x64 4.15.0-45-generic

Same problem here :-/ Any solution?

write like this:--
(click)='handleFun'
---in html

this.handleFun=this.setLanguage.bind(this,language);
--in ts file

AakashCodeLab · 2019-04-23T11:17:03Z

+1 with angular 7 displayWith on a mat-autocomplete

Works fine but warnings

write like this:--
[displayWith]='displayFun'
---in html

this.displayFun=this.displayFun.bind(this);
--in ts file

gshokanov · 2019-05-21T08:49:11Z

Encountered this bug when using $any() method in <ng-template> in Angular 7.

lonix1 · 2019-06-05T09:07:20Z

Still complaining for hasError in

<div *ngIf="form.get('phone').hasError(validation.type)">

VSCode 1.34.0
extension 0.800.0

klenium · 2019-10-06T14:24:55Z

Until they fix it, there's a workaround (at least for myMethod.bind(this):

bindMyMethodWithThis() {
    return this.myMethod.bind(this);
}

<MyComponent [myInput]="bindMyMethodWithThis()">

andrius-pra · 2019-10-06T15:58:07Z

Until they fix it, there's a workaround (at least for myMethod.bind(this):
bindMyMethodWithThis() {
    return this.myMethod.bind(this);
}

<MyComponent [myInput]="bindMyMethodWithThis()">

It's a bad idea to use bind function inside template. bind function creates a new function on every call. So you will create a new function on every change detection. it's better to assign arrow function to class property:

myMethod = (param1: any, param2: any) => {
   // method logic
}

<MyComponent [myInput]="myMethod">

klenium · 2019-10-06T16:34:44Z

@andrius-pra Nice idea, I'll now use this, thanks.

When performing diagnostic checks or completions, we should take into account members and properties in the base class, if any. Otherwise, the language service will produce a false error. PR closes angular/vscode-ng-language-service#93

kyliau · 2019-11-25T22:28:16Z

Sorry everyone that it took so long for us to address this issue. The PR above should fix it.

…r#34041) When performing diagnostic checks or completions, we should take into account members and properties in the base class, if any. Otherwise, the language service will produce a false error. PR closes angular/vscode-ng-language-service#93 PR Close angular#34041 (cherry picked from commit 7cd16b9)

#34046) When performing diagnostic checks or completions, we should take into account members and properties in the base class, if any. Otherwise, the language service will produce a false error. PR closes angular/vscode-ng-language-service#93 PR Close #34041 (cherry picked from commit 7cd16b9) PR Close #34046

angular-automatic-lock-bot · 2020-02-18T16:01:17Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

chuckjaz added bug needs repro labels Jun 20, 2017

rutemja mentioned this issue May 25, 2018

wrong context of AxisTickFormatting methods swimlane/ngx-charts#261

Closed

joseluisq mentioned this issue Aug 8, 2018

Navigate in component madoar/angular-archwizard-demo#16

Closed

kyliau changed the title ~~"[Angular] Unknown method..." warnings~~ Unknown method .bind Nov 25, 2019

kyliau removed the needs repro label Nov 25, 2019

kyliau mentioned this issue Nov 25, 2019

using bind.this in template arguments is not recognized #337

Closed

kyliau mentioned this issue Nov 25, 2019

fix(language-service): function.bind() should not be an error angular/angular#34041

Closed

14 tasks

kyliau closed this as completed in kyliau/angular@7cd16b9 Nov 26, 2019

kyliau mentioned this issue Nov 26, 2019

fix(language-service): function.bind() should not be an error (#34041) angular/angular#34046

Closed

14 tasks

angular-automatic-lock-bot bot locked and limited conversation to collaborators Feb 18, 2020

Unknown method .bind #93

Unknown method .bind #93

Comments

YogliB commented May 9, 2017

bkbonner commented Jun 10, 2017

chuckjaz commented Jun 20, 2017

bkbonner commented Jun 21, 2017

bkbonner commented Jun 21, 2017

bkbonner commented Jun 21, 2017

karocksjoelee commented Jan 9, 2018

Kyderman commented Mar 5, 2018

spacedawwwg commented Mar 22, 2018

CaffGeek commented Mar 22, 2018

JorgeSanchezGr commented Apr 4, 2018

Luchnik commented Apr 14, 2018

RafaelKr commented May 7, 2018

shamilovtim commented May 21, 2018

AndrWeisR commented Jun 22, 2018 • edited

aj-r commented Jul 5, 2018 • edited

JosepAlacid commented Jul 18, 2018

joseluisq commented Aug 8, 2018

1011178l commented Aug 14, 2018

pgwest commented Aug 16, 2018

MarkvanTurnhout commented Aug 31, 2018

Spaier commented Jan 21, 2019

eugensunic commented Jan 27, 2019

multilexus commented Feb 15, 2019

YogliB commented Feb 17, 2019

RafaelKr commented Feb 18, 2019

multilexus commented Feb 18, 2019 via email

RafaelKr commented Feb 18, 2019

anonymuos1 commented Feb 22, 2019

ace90210 commented Feb 22, 2019 • edited

LMariano commented Feb 26, 2019

mspoerry commented Apr 9, 2019

AakashCodeLab commented Apr 23, 2019 • edited

AakashCodeLab commented Apr 23, 2019 • edited

AakashCodeLab commented Apr 23, 2019

gshokanov commented May 21, 2019

lonix1 commented Jun 5, 2019

klenium commented Oct 6, 2019

andrius-pra commented Oct 6, 2019

klenium commented Oct 6, 2019

kyliau commented Nov 25, 2019

angular-automatic-lock-bot bot commented Feb 18, 2020

AndrWeisR commented Jun 22, 2018 •

edited

aj-r commented Jul 5, 2018 •

edited

ace90210 commented Feb 22, 2019 •

edited

AakashCodeLab commented Apr 23, 2019 •

edited

AakashCodeLab commented Apr 23, 2019 •

edited