Vscode-ng-language-service: 알 수없는 방법 .bind

방금 Angular Language Service와 VS Code 1.13에서 이것을 보았습니다. hero-detail-component.html에 (save ()) 메서드를 추가 할 때 Heroes Tutorial에서 발생합니다.

코드는 잘 작동하지만 메서드가 명확하게 존재하더라도 빨간색 구불 구불 한 선이 표시됩니다.

@bkbonner https://angular.io/generated/zips/toh-pt6/toh-pt6.zip으로 이것을 재현 할 수 없습니다.이 문제를 보여주는 수정 사항이 있습니까?

내 코드베이스를 보내려고 할 수 있습니다. 내가 당신이 작동 할 수있는 다른 것이 있는지 보자.

안녕하세요 @chuckjaz . 따라서 .ts 파일을 수정하고 save () 메서드를 제거한 다음 해당 html 파일로 이동하여 html 파일에서 메서드 이름 호출을 수정하면 밑줄이 그어져 있습니다. .ts쪽에 메서드를 다시 추가하고 .html 파일로 돌아 가면 ctrl + space를 클릭하고 드롭 다운에서 메서드 옵션 중 하나를 선택할 때까지 구불 구불 한 선이 유지됩니다.

이것이 이전에 어떻게 작동했는지 확실하지 않지만 혼란스러운 결과를 유발하는 메서드의 존재에 대한 유효성 검사가 트리거되는 방법 일 수 있습니다.

나는 그것이 어떻게 보이는지 보여주는 비디오를 포함 시켰습니다 : https://youtu.be/UjfFprgvTQg 오디오는 없지만 그것을 설명하기 위해 자막을 포함했습니다.

나도 같은 문제에 직면하고 있습니다 ...

템플릿에서 .bind를 사용하는 것과 동일한 문제가 있습니다.

작동하지만 오류가 발생합니다.

여기에 같은 호 1 개

아직 해결책이 없습니까?

여기도 +1하세요!

+1 정확히 동일한 문제. 업데이트가 있습니까?

.bind(this) 와 동일한 오류입니다.

각도 언어 서비스를 사용하여 VS Code에서 여전히 발생하는지 확인했습니다. Ionic 3, Angular 5.

VS Code 1.24.1의 확장 0.1.9에서 'hasError'도 발생합니다.

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

hasError가 함수가 아니지만 (Angular 형식의 AbstractControl 클래스에 있음) 불평합니다.

편집 : "!"를 추가하여 수정할 수 있지만 그러므로:
<div *ngIf="form.get('phone')!.hasError(validation.type)">

get 메서드가 AbstractControl _or_ null을 반환하기 때문입니다. 나는 언어 서비스가 'hasError'가 'null'의 함수가 아니라고 불평하고 있다고 가정합니다. 오류가 다음과 같으면 더 명확합니다.
The expression might be null
다른 기능과 마찬가지로 <div *ngIf="form.get('phone').errors[validation.type]">
The expression might be null 오류가 발생합니다.

또한 항상 존재해야하는 $any() 와 함께 발생합니다 (https://angular.io/guide/aot-compiler#disabling-type-checking-using-any).

전의)

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

[Angular] Unknown method '$any'

여기에 같은 문제 Ionic3 Angular5

VS Code v1.25.1 + Angular v6.0.1 에서 동일한 오류가 발생했습니다.

VS 코드 1.25.1에서 동일한 오류가 발생했습니다.

버전 : 1.25.1
커밋 : 1dfc5e557209371715f655691b1235b6b26a06be
날짜 : 2018-07-11T15 : 40 : 20.190Z
전자 : 1.7.12
크롬 : 58.0.3029.110
Node.js : 7.9.0
V8 : 5.8.283.38
아키텍처 : x64

Angular 5 및 VS Code 1.26.0에서 동일한 오류

Angular 6에서도 같은 문제가 있습니다.

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

모든 것이 잘 작동하며 편집기에서 실행하는 동안 오류가 표시되지 않습니다.

[Angular] 알 수없는 방법 'bind'

나도 마찬가지입니다.

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

모두가 같은 문제가 있다고 말하는 대신이 경고를 무시할 수있는 방법이 있습니까?

이와 같은 함수 이름 뒤에 세미콜론을 추가해보십시오.

테스트 버튼

이것은 경고를 제거하는 것 같습니다.

솔직히 이것이 여전히 문제인지 모르겠습니다.
VS Code & ALS는 그 이후로 많이 업데이트되었으며 오랫동안이 경고를 보지 못했습니다.

예, 이것은 여전히 ​​문제입니다.

VS 코드 정보 :

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

넣어보십시오; 2019 년 2 월 18 일 오전 5:09에 Rafael [email protected] 은 다음과 같이 썼습니다. 예 , 이것은 여전히 ​​문제입니다.

VS 코드 정보 :
버전 : 1.31.1
커밋 : 1b8e8302e405050205e69b59abb3559592bb9e60
날짜 : 2019-02-12T02 : 19 : 29.629Z
전자 : 3.1.2
크롬 : 66.0.3359.181
Node.js : 10.2.0
V8 : 6.6.346.32
운영체제 : Linux x64 4.15.0-45-generic

— 댓글을 달았 기 때문에 전송 된 것입니다.이 이메일에 직접 답장하거나 GitHub에서 보거나 대화 목록을 음소거하세요.

@multilexus 이것은 작동하지 않습니다.

예, 이것은 여전히 ​​문제입니다.

VS 코드 정보 :

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

여기에도 같은 문제가 있습니다 :-/ 어떤 해결책이라도?

각도 7 디스플레이가있는 +1 매트 자동 완성 기능

잘 작동하지만 경고

@multilexus 가 맞습니다

여전히 문제입니다. 어떤 소식이라도?

나도 마찬가지입니다.

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

다음과 같이 작성 하십시오.
[myFun] = 'handleFun'
--- html에서

this.handleFun = this.myService.myFunc.bind (myService);
--ts 파일에서

예, 이것은 여전히 ​​문제입니다.

VS 코드 정보 :

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

여기에도 같은 문제가 있습니다 :-/ 어떤 해결책이라도?

다음과 같이 작성 하십시오.
(클릭) = 'handleFun'
--- html에서

this.handleFun = this.setLanguage.bind (this, language);
--ts 파일에서

각도 7 디스플레이가있는 +1 매트 자동 완성 기능

잘 작동하지만 경고

다음과 같이 작성 하십시오.
[displayWith] = 'displayFun'
--- html에서

this.displayFun = this.displayFun.bind (this);
--ts 파일에서

Angular 7의 <ng-template> 에서 $any() 메서드를 사용할 때이 버그가 발생했습니다.

hasError 에 대해 여전히 불평
<div *ngIf="form.get('phone').hasError(validation.type)">
VSCode 1.34.0
내선 0.800.0

그들이 그것을 고칠 때까지 해결 방법이 있습니다 (적어도 myMethod.bind(this) :

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

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

그들이 그것을 고칠 때까지 해결 방법이 있습니다 (적어도 myMethod.bind(this) :

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

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

템플릿 내에서 bind 함수를 사용하는 것은 좋지 않습니다. bind 함수는 모든 호출에서 새 함수를 만듭니다. 따라서 모든 변경 감지에 대해 새로운 기능을 생성합니다. 클래스 속성에 화살표 함수를 할당하는 것이 좋습니다.

```타입 스크립트
myMethod = (param1 : any, param2 : any) => {
// 메소드 로직
}

```html
<MyComponent [myInput]="myMethod">

@ andrius-pra 좋은 생각입니다. 이제 이것을 사용하겠습니다. 감사합니다.

이 문제를 해결하는 데 시간이 너무 오래 걸려서 죄송합니다. 위의 PR이 문제를 해결해야합니다.

이 문제는 활동이 없어 자동으로 잠겼습니다.
유사하거나 관련된 문제가 발생하면 새로운 문제를 제출하십시오.

자동 대화 잠금 정책 에 대해 자세히 알아보십시오.

<sub>_이 작업은 봇에 의해 자동으로 수행되었습니다 ._</sub>