Vscode-ng-language-service: 인덱싱 된 유형 지원

@ virgil-av이 문제를 재현하는 리포지토리를 만들 수 있습니까?

유니온 유형과 동일한 문제가 있습니다. 처럼

공개 시간 : TimeSpan | 끈;

오류:
식별자 'hhMM'이 정의되지 않았습니다. ''에 해당 구성원이 없습니다.

hhMM은 TimeSpan에서 유효한 멤버이지만 Hour가 any처럼 취급되는 것 같습니다. (

@wupaz 문자열이 멤버로 hhMM 가 아니고 공용체 유형에는 구성 유형이 공통으로 갖는 멤버 만 있으므로 예제가 예상됩니다.

TypeScript가 유사한 오류를 보고 함

반응 형 양식에서도이 문제가 발생합니다.

임시 해결 방법은 대괄호 속성 접근 자 식을 사용하여 속성에 액세스하는 것입니다.

formRegister.controls['company'].invalid

또한 실제로 이것을 얻고 있습니다. 나는 이것이 TS에서도 문제가되었다고 생각하지만 지금은 나를 위해 일하는 것 같습니다. TS 2.4.0 및 Angular 4.3.0 이상 :

다음은 FormGroup.controls 속성에 대한 유형 정의입니다. https://github.com/angular/angular/blob/master/packages/forms/src/model.ts#L832

(property) FormGroup.controls: {
    [key: string]: AbstractControl;
}

둘 다 TS에서 작동하지만 점 표기법은 언어 서비스 내에서 불평합니다.

form.controls['birthday']
form.controls.birthday

@intellix 여기에 동일

v2.5.2 동일합니다.

친구가 말했듯이 tsc v2.5.2에서 동일한 문제가 있습니다.

이 문제를 재현하는 저장소를 만들 수 있습니까?

@chuckjaz 더 나은 것을 만들 수 있습니다 : 저장소가 없습니다.

이 문제가 소스 코드 또는 npm 패키지와 전혀 관련이 없다는 것을 테스트하고 발견했기 때문입니다. 이 문제가 발생하기 시작한 다음 다른 사용자로 로그인하여 동일한 디렉토리에서 Visual Studio 코드를 시작하여 테스트 한 다음 해당 편집기에서 오류가 발생하지 않았습니다.

이것은 또한 오류가 편집기에만 표시되고 컴파일러가 빌드 할 때 불평하지 않는다는 것과 일치합니다.

따라서 분명히 사용자 별 차이입니다. 그런 다음 구성 디렉토리 제거를 테스트했는데 문제가 해결되었습니다. 이전 디렉토리를 다시 이동하면 문제가 다시 나타납니다.

$ mv  ~/.config/{,old.}Code
$ code .
$ mv  ~/.config/{,new.}Code
$ mv  ~/.config/{old.,}Code
$ code .

그래서 이것을 트리거하는 구성 디렉토리에 약간의 균열이 생겼습니다 (일부 캐시는 내 추측입니다). 편집기를 시작한 직후 valid / name.valid 위로 마우스를 가져 가면 몇 초 동안 "Loading ..."이라는 툴팁이 사라지고 오류가 발생합니다. 두 번째 이후에는 마우스를 올리면 오류가 즉시 표시됩니다.

나는 사용자 차이를 추적했고 그것은 vscode 확장 Angular.ng-template 버전 0.1.7의 할부입니다. 이제이 문제를 재현하는 저장소도 제공 할 수 있습니다.

1. https://github.com/colinskow/angular-electron-dream-starter 복제
2. 첨부 된 패치를 적용합니다.
3. src / app / hero-form.component.html을 엽니 다.
4. a) Angular.ng-template을 설치하면 name.valid 및 4 개의 다른 식별자에 빨간색 밑줄이 표시됩니다 (및 [Angular] Identifier 'valid' is not defined. 'NgModel' does not contain such a member 도구 설명 오류).
   b) Angular.ng-template이 설치되지 않았거나 비활성화되어 있으면 오류가 발생하지 않습니다.

패치는 v7.0.0 상대적이지만, src / app / app.module을 포함하는 첫 번째 커밋 인 2016-08-21의 커밋 bd5ad5f0 (Feature / ng2 rc5 (# 875))에 대해서도 테스트했습니다. .ts 및 오류도 발생 했으므로 해당 저장소의 모든 버전에서 이것이 문제라고 가정합니다.

angular-electron-dream-starter는 https://github.com/AngularClass/angular-starter 의 포크이므로 해당 저장소에서도 패치를 테스트했는데 문제가 발생하지 않고 대신 도구 설명에 유효한 정보가 포함되어 있습니다. :

원래 vscode 버전 1.17.2 (커밋 b813d129)에서 테스트되었습니다. 버전 1.8.0 (commit dcee22027)으로 업데이트 한 후 결과는 동일합니다.

Github의 완전히 어리석은 첨부 파일 처리로 인해 패치는 여기에서 base64로 인코딩됩니다.

RnJvbSAyYzgxMTJmYzJhM2I2M2FkZjVmZjA0MDQ3NTcyNjAyMjc2ZWMwYmZiIE1vbiBTZXAgMTcg
MDA6MDA6MDAgMjAwMQpGcm9tOiA9P1VURi04P3E / SD1DMz1BNWtvbj0yMEw9QzM9Qjh2ZGFsPz0g
PGtvZGVAZGVua3VsZS5ubz4KRGF0ZTogRnJpLCAxNyBOb3YgMjAxNyAyMDozMDoyMCArMDEwMApT
dWJqZWN0OiBbUEFUQ0hdIEltcG9ydCBvZiBleGFtcGxlIGZyb20gaHR0cHM6Ly9hbmd1bGFyLmlv
L2d1aWRlL2Zvcm1zCgotLS0KIHNyYy9hcHAvYXBwLmNvbXBvbmVudC5odG1sICAgICAgIHwgNDAg
KysrKysrKysrKysrKysrKysrKysrKysrKysrCiBzcmMvYXBwL2FwcC5tb2R1bGUudHMgICAgICAg
ICAgICB8ICA1ICsrKy0KIHNyYy9hcHAvaGVyby1mb3JtLmNvbXBvbmVudC5odG1sIHwgNTggKysr
KysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKwogc3JjL2FwcC9oZXJvLWZvcm0u
Y29tcG9uZW50LnRzICAgfCAyMSArKysrKysrKysrKysrKysKIHNyYy9hcHAvaGVyby50cyAgICAg
ICAgICAgICAgIHwgIDkgKysrKysrKwogNSBmaWxlcyBjaGFuZ2VkLCAxMzIgaW5zZXJ0aW9u
cygrKSwgMSBkZWxldGlvbigtKQogY3JlYXRlIG1vZGUgMTAwNjQ0IHNyYy9hcHAvYXBwLmNvbXBv
bmVudC5odG1sCiBjcmVhdGUgbW9kZSAxMDA2NDQgc3JjL2FwcC9oZXJvLWZvcm0uY29tcG9uZW50
Lmh0bWwKIGNyZWF0ZSBtb2RlIDEwMDY0NCBzcmMvYXBwL2hlcm8tZm9ybS5jb21wb25lbnQudHMK
IGNyZWF0ZSBtb2RlIDEwMDY0NCBzcmMvYXBwL2hlcm8udHMKCmRpZmYgLS1naXQgYS9zcmMvYXBw
L2FwcC5jb21wb25lbnQuaHRtbCBiL3NyYy9hcHAvYXBwLmNvbXBvbmVudC5odG1sCm5ldyBmaWxl
IG1vZGUgMTAwNjQ0CmluZGV4IDAwMDAwMDAuLmY4YWE1N2EKLS0tIC9kZXYvbnVsbAorKysgYi9z
cmMvYXBwL2FwcC5jb21wb25lbnQuaHRtbApAQCAtMCwwICsxLDQwIEBACis8bmF2PgorCTxhIFty
b3V0ZXJMaW5rXT0iIFsnLi8nXSAiCisJCXJvdXRlckxpbmtBY3RpdmU9ImFjdGl2ZSIgW3JvdXRl
ckxpbmtBY3RpdmVPcHRpb25zXT0gIntleGFjdDogdHJ1ZX0iPgorCQlJbmRleAorCTwvYT4KKwk8
YSBbcm91dGVyTGlua109IiBbJy4vaG9tZSddICIKKwkJcm91dGVyTGlua0FjdGl2ZT0iYWN0aXZl
IiBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPSAie2V4YWN0OiB0cnVlfSI + CisJCUhvbWUKKwk8
L2E + CisJPGEgW3JvdXRlckxpbmtdPSIgWycuL2RldGFpbCddICIKKwkJcm91dGVyTGlua0FjdGl2
ZT0iYWN0aXZlIiBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPSAie2V4YWN0OiB0cnVlfSI + CisJ
CURldGFpbAorCTwvYT4KKwk8YSBbcm91dGVyTGlua109IiBbJy4vYmFycmVsJ10gIgorCQlyb3V0
ZXJMaW5rQWN0aXZlPSJhY3RpdmUiIFtyb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc109ICJ7ZXhhY3Q6
IHRydWV9Ij4KKwkJQmFycmVsCisJPC9hPgorCTxhIFtyb3V0ZXJMaW5rXT0iIFsnLi9hYm91dCdd
ICIKKwkJcm91dGVyTGlua0FjdGl2ZT0iYWN0aXZlIiBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNd
PSAie2V4YWN0OiB0cnVlfSI + CisJCUFib3V0CisJPC9hPgorPC9uYXY + CisKKzxtYWluPgorCTxh
cHAtaGVyby1mb3JtPjwvYXBwLWhlcm8tZm9ybT4KKwk8cm91dGVyLW91dGxldD48L3JvdXRlci1v
dXRsZXQ + Cis8L21haW4 + CisKKzxwcmUgY2xhc3M9ImFwcC1zdGF0ZSI + dGhpcy5zdGF0ZSQgPSB7
eyBzdGF0ZSQgfCBhc3luYyB8IGpzb24gfX08L3ByZT4KKworPGZvb3Rlcj4KKwk8c3Bhbj4KKwkJ
QW5ndWxhciBFbGVjdHJvbiBEcmVhbSBTdGFydGVyIGJ5IDxhIChjbGljayk9Im9wZW5VUkwodXJs
KSIgaHJlZj0iIyI + QENvbGluU2tvdzwvYT4KKwk8L3NwYW4 + CisJPGRpdj4KKwkJPGEgW2hyZWZd
PSJ1cmwiPgorCQkJPGltZyBbc3JjXT0iYW5ndWxhcmNsYXNzTG9nbyIgd2lkdGg9IjI1JSI + CisJ
CTwvYT4KKwk8L2Rpdj4KKzwvZm9vdGVyPgpkaWZmIC0tZ2l0IGEvc3JjL2FwcC9hcHAubW9kdWxl
LnRzIGIvc3JjL2FwcC9hcHAubW9kdWxlLnRzCmluZGV4IGZlYzI0NTcuLjFjNjEyZWIgMTAwNjQ0
Ci0tLSBhL3NyYy9hcHAvYXBwLm1vZHVsZS50cworKysgYi9zcmMvYXBwL2FwcC5tb2R1bGUudHMK
QEAgLTc3LDYgKzc3LDggQEAgaWYgKEVOViA9PT0gJ2RldmVsb3BtZW50JykgewogICBDT05ESVRJ
T05BTF9JTVBPUlRTLnB1c2goU3RvcmVNb2R1bGUuZm9yUm9vdChyZWR1Y2VycywgeyBtZXRhUmVk
dWNlcnMgfSkpOwogfQogCitpbXBvcnQgeyBIZXJvRm9ybUNvbXBvbmVudCB9IGZyb20gJy4vaGVy
by1mb3JtLmNvbXBvbmVudCc7CisKIC8qKgogICogYEFwcE1vZHVsZWAgaXMgdGhlIG1haW4gZW50
cnkgcG9pbnQgaW50byBBbmd1bGFyMidzIGJvb3RzdHJhcGluZyBwcm9jZXNzCiAgKi8KQEAgLTg3
LDcgKzg5LDggQEAgaWYgKEVOViA9PT0gJ2RldmVsb3BtZW50JykgewogICAgIEFib3V0Q29tcG9u
ZW50LAogICAgIEhvbWVDb21wb25lbnQsCiAgICAgTm9Db250ZW50Q29tcG9uZW50LAotICAgIFhM
YXJnZURpcmVjdGl2ZQorICAgIFhMYXJnZURpcmVjdGl2ZSwKKyAgICBIZXJvRm9ybUNvbXBvbmVu
dCwKICAgXSwKICAgaW1wb3J0czogWyAvLyBpbXBvcnQgQW5ndWxhcidzIG1vZHVsZXMKICAgICBC
cm93c2VyTW9kdWxlLApkaWZmIC0tZ2l0IGEvc3JjL2FwcC9oZXJvLWZvcm0uY29tcG9uZW50Lmh0
bWwgYi9zcmMvYXBwL2hlcm8tZm9ybS5jb21wb25lbnQuaHRtbApuZXcgZmlsZSBtb2RlIDEwMDY0
NAppbmRleCAwMDAwMDAwLi4wZmM2YjgxCi0tLSAvZGV2L251bGwKKysrIGIvc3JjL2FwcC9oZXJv
LWZvcm0uY29tcG9uZW50Lmh0bWwKQEAgLTAsMCArMSw1OCBAQAorICAgIDxkaXYgY2xhc3M9ImNv
bnRhaW5lciI + CisgICAgICA8ZGl2IFtoaWRkZW5dPSJzdWJtaXR0ZWQiPgorICAgICAgICA8aDE +
SGVybyBGb3JtPC9oMT4KKyAgICAgICAgPGZvcm0gKG5nU3VibWl0KT0ib25TdWJtaXQoKSIgI2hl
cm9Gb3JtPSJuZ0Zvcm0iPgorICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAiPgorICAg
ICAgICAgICAgPGxhYmVsIGZvcj0ibmFtZSI + TmFtZTwvbGFiZWw + CisgICAgICAgICAgICA8aW5w
dXQgdHlwZT0idGV4dCIgY2xhc3M9ImZvcm0tY29udHJvbCIgaWQ9Im5hbWUiCisgICAgICAgICAg
ICAgICAgICAgcmVxdWlyZWQKKyAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0ibW9kZWwu
bmFtZSIgbmFtZT0ibmFtZSIKKyAgICAgICAgICAgICAgICAgICAjbmFtZT0ibmdNb2RlbCI + Cisg
ICAgICAgICAgICA8ZGl2IFtoaWRkZW5dPSJuYW1lLnZhbGlkIHx8IG5hbWUucHJpc3RpbmUiCisg
ICAgICAgICAgICAgIGNsYXNzPSJhbGVydCBhbGVydC1kYW5nZXIiPgorICAgICAgICAgICAg
ICBOYW1lIGlzIHJlcXVpcmVkCisgICAgICAgICA8L2Rpdj4KKyAgICAgICAgICA8L2Rpdj4K
KyAgICAgCisgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCI + CisgICAgICAgICAgICAgICA8
bGFiZWwgZm9yPSJhbHRlckVnbyI + QWx0ZXIgRWdvPC9sYWJlbD4KKyAgICAgICAgICAgIDxpbnB1
dCB0eXBlPSJ0ZXh0IiBjbGFzcz0iZm9ybS1jb250cm9sIiBpZD0iYWx0ZXJFZ28iCisgICAgICAg
ICAgICAgICAgICAgWyhuZ01vZGVsKV09Im1vZGVsLmFsdGVyRWdvIiBuYW1lPSJhbHRlckVnbyI +
CisgICAgICAgICAgPC9kaXY + CisgICAgIAorICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3Jv
dXAiPgorICAgICAgICAgICAgPGxhYmVsIGZvcj0icG93ZXIiPkhlcm8gUG93ZXI8L2xhYmVsPgor
ICAgICAgICAgICAgPHNlbGVjdCBjbGFzcz0iZm9ybS1jb250cm9sIiBpZD0icG93ZXIiCisgICAg
ICAgICAgICAgICAgIHJlcXVpcmVkCisgICAgICAgICAgICAgICAgIFsobmdNb2RlbCld
PSJtb2RlbC5wb3dlciIgbmFtZT0icG93ZXIiCisgICAgICAgICAgICAgICNwb3dlcj0i
bmdNb2RlbCI + CisgICAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPSJsZXQgcG93IG9mIHBvd2Vy
cyIgW3ZhbHVlXT0icG93Ij57e3Bvd319PC9vcHRpb24 + CisgICAgICAgICA8L3NlbGVjdD4K
KyAgICAgICAgICAgIDxkaXYgW2hpZGRlbl09InBvd2VyLnZhbGlkIHx8IHBvd2VyLnByaXN0aW5l
IiBjbGFzcz0iYWxlcnQgYWxlcnQtZGFuZ2VyIj4KKyAgICAgICAgICAgICAgUG93ZXIgaXMgcmVx
dWlyZWQKKyAgICAgICAgICAgIDwvZGl2PgorICAgICAgICAgIDwvZGl2PgorICAgICAKKyAgICAg
ICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCIgY2xhc3M9ImJ0biBidG4tc3VjY2VzcyIgW2Rpc2Fi
bGVkXT0iIWhlcm9Gb3JtLmZvcm0udmFsaWQiPlN1Ym1pdDwvYnV0dG9uPgorICAgICAgICAgIDxi
dXR0b24gdHlwZT0iYnV0dG9uIiBjbGFzcz0iYnRuIGJ0bi1kZWZhdWx0IiAoY2xpY2spPSJuZXdI
ZXJvKCk7IGhlcm9Gb3JtLnJlc2V0KCkiPk5ldyBIZXJvPC9idXR0b24 + CisgICAgICAgIDwvZm9y
bT4KKyAgICAgIDwvZGl2PgorICAgICAKKyAgICAgIDxkaXYgW2hpZGRlbl09IiFzdWJtaXR0ZWQi
PgorICAgICAgICA8aDI + WW91IHN1Ym1pdHRlZCB0aGUgZm9sbG93aW5nOjwvaDI + CisgICAgICAg
IDxkaXYgY2xhc3M9InJvdyI + CisgICAgICAgICAgPGRpdiBjbGFzcz0iY29sLXhzLTMiPk5hbWU8
L2Rpdj4KKyAgICAgICAgICA8ZGl2IGNsYXNzPSJjb2wteHMtOSAgcHVsbC1sZWZ0Ij57eyBtb2Rl
bC5uYW1lIH19PC9kaXY + CisgICAgICAgIDwvZGl2PgorICAgICAgICA8ZGl2IGNsYXNzPSJyb3ci
PgorICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbC14cy0zIj5BbHRlciBFZ288L2Rpdj4KKyAgICAg
ICAgICA8ZGl2IGNsYXNzPSJjb2wteHMtOSBwdWxsLWxlZnQiPnt7IG1vZGVsLmFsdGVyRWdvIH19
PC9kaXY + CisgICAgICAgIDwvZGl2PgorICAgICAgICA8ZGl2IGNsYXNzPSJyb3ciPgorICAgICAg
ICAgIDxkaXYgY2xhc3M9ImNvbC14cy0zIj5Qb3dlcjwvZGl2PgorICAgICAgICAgIDxkaXYgY2xh
c3M9ImNvbC14cy05IHB1bGwtbGVmdCI + e3sgbW9kZWwucG93ZXIgfX08L2Rpdj4KKyAgICAgICAg
PC9kaXY + CisgICAgICAgIDxicj4KKyAgICAgICAgPGJ1dHRvbiBjbGFzcz0iYnRuIGJ0bi1wcmlt
YXJ5IiAoY2xpY2spPSJzdWJtaXR0ZWQ9ZmFsc2UiPkVkaXQ8L2J1dHRvbj4KKyAgICAgIDwvZGl2
PgorICAgIDwvZGl2PgpcIE5vIG5ld2xpbmUgYXQgZW5kIG9mIGZpbGUKZGlmZiAtLWdpdCBhL3Ny
Yy9hcHAvaGVyby1mb3JtLmNvbXBvbmVudC50cyBiL3NyYy9hcHAvaGVyby1mb3JtLmNvbXBvbmVu
dC50cwpuZXcgZmlsZSBtb2RlIDEwMDY0NAppbmRleCAwMDAwMDAwLi45MjY1ZmI5Ci0tLSAvZGV2
L251bGwKKysrIGIvc3JjL2FwcC9oZXJvLWZvcm0uY29tcG9uZW50LnRzCkBAIC0wLDAgKzEsMjEg
QEAKK2ltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnOworCitpbXBvcnQg
eyBIZXJvIH0gZnJvbSAnLi9oZXJvJzsKKworQENvbXBvbmVudCh7CisJc2VsZWN0b3I6ICdhcHAt
aGVyby1mb3JtJywKKwl0ZW1wbGF0ZVVybDogJy4vaGVyby1mb3JtLmNvbXBvbmVudC5odG1sJwor
fSkKK2V4cG9ydCBjbGFzcyBIZXJvRm9ybUNvbXBvbmVudCB7CisKKwlwdWJsaWMgcG93ZXJzID0g
WydSZWFsbHkgU21hcnQnLCAnU3VwZXIgRmxleGlibGUnLCAnU3VwZXIgSG90JywgJ1dlYXRoZXIg
Q2hhbmdlciddOworCXB1YmxpYyBtb2RlbCA9IG5ldyBIZXJvKDE4LCAnRHIgSVEnLCB0aGlzLnBv
d2Vyc1swXSwgJ0NodWNrIE92ZXJzdHJlZXQnKTsKKworCXB1YmxpYyBzdWJtaXR0ZWQgPSBmYWxz
ZTsKKworCXB1YmxpYyBvblN1Ym1pdCgpIHsgdGhpcy5zdWJtaXR0ZWQgPSB0cnVlOyB9CisKKwlw
dWJsaWMgbmV3SGVybygpIHsKKwkJdGhpcy5tb2RlbCA9IG5ldyBIZXJvKDQyLCAnJywgJycpOwor
CX0KK30KZGlmZiAtLWdpdCBhL3NyYy9hcHAvaGVyby50cyBiL3NyYy9hcHAvaGVyby50cwpuZXcg
ZmlsZSBtb2RlIDEwMDY0NAppbmRleCAwMDAwMDAwLi4xNzQ5YzkyCi0tLSAvZGV2L251bGwKKysr
IGIvc3JjL2FwcC9oZXJvLnRzCkBAIC0wLDAgKzEsOSBAQAorZXhwb3J0IGNsYXNzIEhlcm8gewor
CWNvbnN0cnVjdG9yKAorCQlwdWJsaWMgaWQ6IG51bWJlciwKKwkJcHVibGljIG5hbWU6IHN0cmlu
ZywKKwkJcHVibGljIHBvd2VyOiBzdHJpbmcsCisJCXB1YmxpYyBhbHRlckVnbz86IHN0cmluZwor
CSkgeworCX0KK30KLS0gCjIuMTMuNgoK

비슷한 문제에 직면하고 있습니다. 플러그인은 클래스에서 직접 선언 된 변수 만 인식하고 formGroup 또는 formBuilder에 중첩 된 변수는 인식하지 않는 것으로 보입니다.
이 구성 요소 코드는 두 개의 FromControl 필드에 대해 HTML에서 오류 Squigglies를 제공합니다.

export class MyDetailComponent implements OnInit {
  myForm: FormGroup;
  constructor() { }
  ngOnInit() {
    this.myForm = new FormGroup({
      name: new FormControl({ value: '', disabled: true }),
      gender: new FormControl({ value: '', disabled: true })
    });
  }
}

반면에 이것은 내가 클래스에서 FormControl을 직접 선언했기 때문에 오류를 제공하지 않습니다 (안타깝게도 angular는 formgroup 외부에서 formcontrol 선언을 허용하지 않기 때문에 해결책이 아닙니다)-

export class MyDetailComponent implements OnInit {
  myForm: FormGroup;
  name: FormControl;
  gender: FormControl;
  constructor() { }
  ngOnInit() {
    this.myForm = new FormGroup({
      name: new FormControl({ value: '', disabled: true }),
      gender: new FormControl({ value: '', disabled: true })
    });
  }
}

앞에 "!!"를 추가하십시오.
까다 롭지 만
나는 이렇게 성공했다.

@hlovdal 재현 단계를 시도했지만 오류가 발생하지 않았습니다. 잘 작동하는 것 같습니다.
VS Code Linux v1.20.1, Typescript 2.6.2, Angular.ng-template v0.1.9를 사용하여 테스트했습니다.
Angular.ng-template v0.1.9에 문제가 여전히 존재하는지 확인해 주시겠습니까?

@kyliau 오늘 Windows의 VS Code v1.21.1, Typescript 2.3.4 및 Angular.ng-template v0.1.9에서이 문제가 발생했습니다. 양식을 만드는 방법은 다음과 같습니다.

this.form = formBuilder.group({
      amount: ["", Validators.compose([Validators.required, SomeCustomValidator.isValid])],
      sale: [{ value: "0" }],
      amountTotal: [""],
      price: [{ value: "123" }, Validators.compose([Validators.required, SomeCustomValidator.isValid])],
      discount: [{ value: "0" }, SomeCustomValidator.isValid],
      priceAfterDiscount: [""],
      sum: [""],
      sumDph: [""]
 });

그리고 템플릿에서 다음과 같이 도달하려고합니다.

<ion-item [class.invalid]="!buyForm.controls.amount.valid && (buyForm.controls.amount.dirty || submitAttempt)">

이 오류가 발생합니다.

[Angular] Identifier 'amount' is not defined. '__type' does not contain such a member

부정하면 오류가 발생하지 않습니다 (즉, !buyForm.controls.amount.valid 부분이 아니라 buyForm.controls.amount.dirty 에만 밑줄이 표시됨). 이것이 위에 주어진 솔루션 (이중 부정 사용)이 작동하는 이유입니다.

나는 오랫동안 이것에 대한 해결 방법을 찾고 있었다-감사합니다

@guhyeon 고맙지

안녕하세요.
글쎄 .. 그다지 모르겠어요.
유형 스크립트 컴파일러 문제라고 생각합니다.
우연히 배운 편법입니다.

대신이 해결 방법을 사용하여 vscode Angular Language Service가 불평하는 것을 중지했습니다.

암호 FormControl에서 Validators.required 유효성 검사기를 사용하는 password.hasError('required')

AbstractControl.hasError() 에는 디버깅을 위해 AbstractControl.errors 속성을 화면에 표시하여 얻은 errorCode 값이 필요합니다.

{{password.errors | json}} , 결과 : { "required": true }

알려진 errorCode 및 사용자 지정 유효성 검사기에 대해 추가 입력이 가능할 수 있습니다.

typescript 컴파일러에서도 동일한 문제가 발생합니다.

@ ajaysake1992 와 동일

내부적으로는 이것이 # 149와 동일한 문제라고 생각합니다. 인덱스 ( control?.errors['required'] )로 인덱스 서명이있는 객체를 참조하는 것은 작동하지만 점 표기법 ( control?.errors.required )으로 참조하는 것은 잘못되었습니다. 잘못된 것으로 신고되었습니다.

오늘은 간단한 '검색'이 정의되지 않았고 나에게 빨간색 물결 선이 표시되었습니다.
앱이 의도 한대로 컴파일되고 작동했습니다.
나에게 vscode 버그처럼 들리나요?

"!!"가 마음에 들지 않으면 해결 방법이 있습니다. HTML에.

your.component.ts :

get emailFormControl () : any {
return this.formGroupName.get ( 'email');
}

your.component.html :

유효한 이메일을 입력하십시오.

이 솔루션은 컴파일 오류 / 런타임 오류없이 나를 위해 작동합니다.

이것은 나를 위해 일했습니다.
오류를 표시 한 줄에 태그 (>)를 ​​닫기 전에 스페이스 바를 띄워서 오류가 사라졌습니다.
생성 된 공간을 삭제했고 모든 것이 오류없이 정상이었습니다.

또한 똑같은 문제가 발생합니다. FormBuilder에서 만든 FormGroup 컨트롤은 뷰 템플릿에 대한 VSCode의 인텔리전스로 알려져 있지 않습니다. 이것이 아니라 실제 수정이 가능한 경우 !! 해결 방법

점 연산자 대신 대괄호를 사용하여 속성 이름에 액세스 할 수 있습니다. 이것은 컴파일 오류를 수정할 수 있습니다.
예-* ngIf = "price.errors [필수]"

와우, 괄호는 빨간색을 해결합니다. 나는 이것이 산발적이라는 것을 확인할 수 있습니다.
Angular: 7.2.15 , typescript: 3.1.6 및 VSC 1.35.1 있습니다.

이것은 사용자 정의 및 내장 양식 유효성 검사기 (예 : 필수)와 함께 Angular 8.1.3에서 여전히 발생합니다. 등록 된 검증 인이 인텔리 센스에 대해 명확하다면 멋질 것입니다. VSC 1.36.1 실행.

해결 방법 : 점 주석 대신 대괄호 주석을 사용하거나 !! formcontrol.errors.required를 사용하십시오.

해결 방법은 intellisense가 정의되지 않은 값으로 인해 표시 할 수 있다고 생각하게 만듭니다. 오류 개체는 참 / 거짓 플래그 집합이 아니라 해당 플래그의 존재에 의해 정의되기 때문에 (IMO는 비정상적인 패턴입니다) 문제가있는 인텔리 센스를 상상할 수 있습니다.

@ivanwonder 는 이미이 문제에 대한 PR 을 만들었습니다. 그래서 그들이 합칠 때까지 기다리 자.

해결 방법 :

대신에:

formGroup.errors?.customValidator

사용하다:

formGroup.errors && formGroup.errors['customValidator']

해결 방법이있어 다행입니다. 문제를 조사하는 동안 진전이 있었습니까?
나는 우리 중 많은 사람들이 단순한 점 표기법을 선호한다고 확신합니다.

이 문제는 v0.802.3에 여전히 존재합니다.

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

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

_{_이 작업은 봇에 의해 자동으로 수행되었습니다 ._}