Vscode-ng-language-service: 인덱슀 값이 ν…œν”Œλ¦Ώμ˜ 숫자 였λ₯˜κ°€ μ•„λ‹™λ‹ˆλ‹€.

에 λ§Œλ“  2019λ…„ 11μ›” 27일  Β·  5μ½”λ©˜νŠΈ  Β·  좜처: angular/vscode-ng-language-service

버그 μ„€λͺ…

ngFor의 인덱슀 값에 λŒ€ν•œ 였λ₯˜ ν‘œμ‹œλŠ” 숫자 값이 μ•„λ‹™λ‹ˆλ‹€.

(variable) i
Expected a numeric typeng(0)

μž¬ν˜„ν•˜κΈ° μœ„ν•΄

λ™μž‘μ„ μž¬ν˜„ν•˜λŠ” 단계:

  1. 이동 '...'
  2. 클릭 '....'
  3. μ•„λž˜λ‘œ μŠ€ν¬λ‘€ν•˜μ—¬ '....'
  4. 였λ₯˜ 보기

μ˜ˆμƒλ˜λŠ” 행동

μ˜ˆμƒν–ˆλ˜ 일에 λŒ€ν•œ λͺ…ν™•ν•˜κ³  κ°„κ²°ν•œ μ„€λͺ….

둜그

두 개의 둜그λ₯Ό μ²¨λΆ€ν•˜μ‹­μ‹œμ˜€.

  1. μ½˜μ†” 좜λ ₯(도ꡬ λͺ¨μŒ --> 보기 --> 좜λ ₯으둜 μ΄λ™ν•˜μ—¬ λ‚΄μš© 볡사)
  2. 둜그 파일(μ‹œμž‘ μ‹œ μ½˜μ†” 좜λ ₯에 κ²½λ‘œκ°€ 인쇄됨)

μŠ€ν¬λ¦°μƒ·

ν•΄λ‹Ήν•˜λŠ” 경우 문제λ₯Ό μ„€λͺ…ν•˜λŠ” 데 도움이 λ˜λŠ” μŠ€ν¬λ¦°μƒ·μ„ μΆ”κ°€ν•˜μ„Έμš”.

image

μΆ”κ°€ μ»¨ν…μŠ€νŠΈ

여기에 λ¬Έμ œμ— λŒ€ν•œ λ‹€λ₯Έ μ»¨ν…μŠ€νŠΈλ₯Ό μΆ”κ°€ν•˜μ‹­μ‹œμ˜€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚΄ κ²½μš°μ—λŠ” λ‹€μŒκ³Ό 같이 λ§ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

Expected a number type ng(0)

λ‹€μŒ μ½”λ“œμ— λŒ€ν•΄

<div *ngFor="let file of files; let i = index;">
   <p>File #{{i+1}}: {{file.name}}</p>
</div>
....

λͺ¨λ“  5 λŒ“κΈ€

*ngIf 검사에 λŒ€ν•΄ 같은 μ’…λ₯˜μ˜ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. λ‚˜λŠ” 이것을 전에 얻지 λͺ»ν–ˆλ‹€
Capturess

ngFor μ—μ„œ 인덱슀 λ³€μˆ˜λ₯Ό λ³΄κ°„ν•˜κ³  여기에 숫자λ₯Ό μΆ”κ°€ν•˜λ €κ³  ν•  λ•Œ λ™μΌν•œ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄:

<ng-container *ngFor="let item of items; index as i">

{{i + 1}} <-- Error

</ng-container>

keyvalue νŒŒμ΄ν”„κ°€ ngFor 선언에 μ‚¬μš©λ˜λ©΄ 였λ₯˜κ°€ λ‚˜νƒ€λ‚˜μ§€ μ•ŠλŠ” κ²ƒμœΌλ‘œ λ‚˜νƒ€λ‚¬μŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄:

<ng-container *ngFor="let item of items | keyvalue; index as i">

{{i + 1}} <-- No Error

</ng-container>

여기에 λ™μΌν•œ 였λ₯˜κ°€ 있고 μ–΄λ–»κ²Œ λ“  이것은 VS Code μ—…λ°μ΄νŠΈ 및 "Angular Language Service"의 μ—…λ°μ΄νŠΈ 이후에 μƒˆλ‘œμš΄ κ²ƒμž…λ‹ˆλ‹€. 이것이 이제이 였λ₯˜λ₯Ό λ°œμƒμ‹œν‚€λŠ” 였래된 μ½”λ“œμ΄κΈ° λ•Œλ¬Έμ— κΆκΈˆν–ˆμ§€λ§Œ 잘 μž‘λ™ν•˜κ³  λΉŒλ“œν•©λ‹ˆλ‹€.

<div *ngFor="let product of productItems; let i = index">
      <div *ngIf="i % 3 === 0 " class="card-deck mt-2">
        <div class="card" *ngFor="let item of productItems.slice(i,i+3)">
...

2ν–‰κ³Ό 3ν–‰μ˜ λ³€μˆ˜ "i"λŠ” "숫자 μœ ν˜• ng(0)이 μ˜ˆμƒλ¨" 였λ₯˜λ‘œ ν‘œμ‹œλ©λ‹ˆλ‹€.

λ‚΄ κ²½μš°μ—λŠ” λ‹€μŒκ³Ό 같이 λ§ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

Expected a number type ng(0)

λ‹€μŒ μ½”λ“œμ— λŒ€ν•΄

<div *ngFor="let file of files; let i = index;">
   <p>File #{{i+1}}: {{file.name}}</p>
</div>
....

이 λ¬Έμ œλŠ” ν™œλ™μ΄ μ—†μ–΄ μžλ™μœΌλ‘œ μž κ²ΌμŠ΅λ‹ˆλ‹€.
μœ μ‚¬ν•˜κ±°λ‚˜ κ΄€λ ¨λœ λ¬Έμ œκ°€ λ°œμƒν•˜λ©΄ μƒˆ 문제λ₯Ό μ œμΆœν•˜μ‹­μ‹œμ˜€.

μžλ™ λŒ€ν™” 잠금 μ •μ±… 에 λŒ€ν•΄ μžμ„Ένžˆ μ•Œμ•„λ³΄μ„Έμš”.

_이 μž‘μ—…μ€ 봇에 μ˜ν•΄ μžλ™μœΌλ‘œ μˆ˜ν–‰λ˜μ—ˆμŠ΅λ‹ˆλ‹€._

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰