λ²κ·Έ μ€λͺ
ngForμ μΈλ±μ€ κ°μ λν μ€λ₯ νμλ μ«μ κ°μ΄ μλλλ€.
(variable) i
Expected a numeric typeng(0)
μ¬ννκΈ° μν΄
λμμ μ¬ννλ λ¨κ³:
μμλλ νλ
μμνλ μΌμ λν λͺ ννκ³ κ°κ²°ν μ€λͺ .
λ‘κ·Έ
λ κ°μ λ‘κ·Έλ₯Ό 첨λΆνμμμ€.
μ€ν¬λ¦°μ·
ν΄λΉνλ κ²½μ° λ¬Έμ λ₯Ό μ€λͺ νλ λ° λμμ΄ λλ μ€ν¬λ¦°μ·μ μΆκ°νμΈμ.
μΆκ° 컨ν μ€νΈ
μ¬κΈ°μ λ¬Έμ μ λν λ€λ₯Έ 컨ν μ€νΈλ₯Ό μΆκ°νμμμ€.
*ngIf κ²μ¬μ λν΄ κ°μ μ’
λ₯μ μ€λ₯κ° λ°μν©λλ€. λλ μ΄κ²μ μ μ μ»μ§ λͺ»νλ€
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>
....
μ΄ λ¬Έμ λ νλμ΄ μμ΄ μλμΌλ‘ μ κ²Όμ΅λλ€.
μ μ¬νκ±°λ κ΄λ ¨λ λ¬Έμ κ° λ°μνλ©΄ μ λ¬Έμ λ₯Ό μ μΆνμμμ€.
μλ λν μ κΈ μ μ± μ λν΄ μμΈν μμ보μΈμ.
_μ΄ μμ μ λ΄μ μν΄ μλμΌλ‘ μνλμμ΅λλ€._
κ°μ₯ μ μ©ν λκΈ
λ΄ κ²½μ°μλ λ€μκ³Ό κ°μ΄ λ§νκ³ μμ΅λλ€.
Expected a number type ng(0)
λ€μ μ½λμ λν΄