Angular.js: 값을 μ§€μš°λ©΄ 숫자 μž…λ ₯ ν•„ν„°κ°€ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2014λ…„ 11μ›” 26일  Β·  5μ½”λ©˜νŠΈ  Β·  좜처: angular/angular.js

숫자 μž…λ ₯ 값을 μ§€μš°λ©΄ (λΉ„μ›Œλ‘λ©΄) μ΄μƒμ μœΌλ‘œλŠ” ν•„ν„°κ°€ μ μš©λ˜μ§€ μ•Šμ•„μ•Όν•˜λ©° λͺ¨λ“  값이 λ‚˜μ—΄λ˜μ–΄μ•Όν•©λ‹ˆλ‹€. μ§€κΈˆ μš°λ¦¬κ°€ μž…λ ₯ μƒμžμ— 숫자 5λ₯Ό μž…λ ₯ν•˜μ—¬ ν•„ν„°λ₯Ό μ μš©ν•˜λ©΄ μ œλŒ€λ‘œ μž‘λ™ν•˜κ³  5와 μΌμΉ˜ν•˜λŠ” λͺ¨λ“  데이터가 λ‚˜μ—΄λ©λ‹ˆλ‹€. 이제 μž…λ ₯ μƒμžμ—μ„œ 값을 μ§€μš°λ©΄ μ΄μƒμ μœΌλ‘œ λͺ¨λ“  값이 λ‚˜μ—΄λ˜μ–΄μ•Όν•˜μ§€λ§Œ (ν•„ν„° μ—†μŒ) angularλŠ” μˆ«μžμ— λŒ€ν•΄ null ν•„ν„°λ₯Ό μ μš©ν•˜κ³  λͺ¨λ“  ν•­λͺ©μ΄ ν•„ν„°λ§λ©λ‹ˆλ‹€ (ng-repeatλŠ” 아무것도 λ‚˜μ—΄ν•˜μ§€ μ•ŠμŒ).

μž…λ ₯ μœ ν˜• = "숫자"ng-model = "μ—°λ Ή"

ν•„ν„° : λ‚˜μ΄

μ°Έκ³  : type = text μž…λ ₯ 문제 μ—†μŒ

forms low confusing bug

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

(당신이 μ–ΈκΈ‰ν–ˆλ“―μ΄) 이것은 ν•„λ“œκ°€ λΉ„μ–΄μžˆμ„ λ•Œ input[number] κ°€ λͺ¨λΈμ— null λ₯Ό ν• λ‹Ήν•˜κΈ° λ•Œλ¬Έμ— λ°œμƒν•©λ‹ˆλ‹€.

이것이 당신이 κΈ°λŒ€ν•˜λŠ” λ°©μ‹μœΌλ‘œ μž‘λ™ν•˜κΈ°λ₯Ό κΈ°λŒ€ν•˜λŠ” 것은 ν•©λ¦¬μ μ΄μ§€λ§Œ (imo) μš°λ¦¬κ°€ 이것을 μ–΄λ–»κ²Œ ν•΄κ²°ν•  수 μžˆλŠ”μ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.
null λŠ” κ²€μƒ‰ν•˜κΈ°μ— μœ νš¨ν•œ 값이 될 수 있기 λ•Œλ¬Έμ— ν•„ν„° μΈ‘μ—μ„œ μˆ˜μ •ν•˜λŠ” 것은 λ°”λžŒμ§ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€ (μ •μ˜λ˜μ§€ μ•Šμ€ κ²ƒμœΌλ‘œ μ·¨κΈ‰ ν•  수 μ—†μŒ). NgModelController μ—μ„œ μˆ˜μ •ν•˜λŠ” 것도 μ‹€ν–‰ κ°€λŠ₯ν•œ μ†”λ£¨μ…˜μ΄ 아닐 수 μžˆμŠ΅λ‹ˆλ‹€.

@others : 생각?

κ·Έ λ™μ•ˆ λ‹€μŒκ³Ό 같은 (그닀지 아름닡 지 μ•Šμ€) ν•΄κ²° 방법을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

<input type="number" ng-model="search.posts" />
...
<div ng-repeat="user in users | filter:((search.posts===null)?undefined:search)">...</div

데λͺ¨ λ°”μ΄μ˜¬λ¦°

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

(당신이 μ–ΈκΈ‰ν–ˆλ“―μ΄) 이것은 ν•„λ“œκ°€ λΉ„μ–΄μžˆμ„ λ•Œ input[number] κ°€ λͺ¨λΈμ— null λ₯Ό ν• λ‹Ήν•˜κΈ° λ•Œλ¬Έμ— λ°œμƒν•©λ‹ˆλ‹€.

이것이 당신이 κΈ°λŒ€ν•˜λŠ” λ°©μ‹μœΌλ‘œ μž‘λ™ν•˜κΈ°λ₯Ό κΈ°λŒ€ν•˜λŠ” 것은 ν•©λ¦¬μ μ΄μ§€λ§Œ (imo) μš°λ¦¬κ°€ 이것을 μ–΄λ–»κ²Œ ν•΄κ²°ν•  수 μžˆλŠ”μ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.
null λŠ” κ²€μƒ‰ν•˜κΈ°μ— μœ νš¨ν•œ 값이 될 수 있기 λ•Œλ¬Έμ— ν•„ν„° μΈ‘μ—μ„œ μˆ˜μ •ν•˜λŠ” 것은 λ°”λžŒμ§ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€ (μ •μ˜λ˜μ§€ μ•Šμ€ κ²ƒμœΌλ‘œ μ·¨κΈ‰ ν•  수 μ—†μŒ). NgModelController μ—μ„œ μˆ˜μ •ν•˜λŠ” 것도 μ‹€ν–‰ κ°€λŠ₯ν•œ μ†”λ£¨μ…˜μ΄ 아닐 수 μžˆμŠ΅λ‹ˆλ‹€.

@others : 생각?

κ·Έ λ™μ•ˆ λ‹€μŒκ³Ό 같은 (그닀지 아름닡 지 μ•Šμ€) ν•΄κ²° 방법을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

<input type="number" ng-model="search.posts" />
...
<div ng-repeat="user in users | filter:((search.posts===null)?undefined:search)">...</div

데λͺ¨ λ°”μ΄μ˜¬λ¦°

νŒŒμ„œμ—μ„œ undefined λ₯Ό λ°˜ν™˜ν•˜λ©΄ ꡬ문 뢄석 였λ₯˜κ°€ μ„€μ •λ˜λ―€λ‘œ null λ°˜ν™˜ν•©λ‹ˆλ‹€. 이것이 졜고의 λ””μžμΈμ΄ μ•„λ‹Œ 또 λ‹€λ₯Έ μ΄μœ μž…λ‹ˆλ‹€.

@Narretz λ‚˜λŠ” μ™œ μš°λ¦¬κ°€ undefined λ°˜ν™˜ν•˜μ§€ μ•ŠλŠ”μ§€ λ¬Όμ–΄ λ³΄λ €κ³ ν–ˆμŠ΅λ‹ˆλ‹€ :-)

이 κ²Œμ‹œλ¬Όμ΄ λ‹€μ†Œ μ˜€λž˜λ˜μ—ˆλ‹€λŠ” 것을 μ•Œκ³  μžˆμ§€λ§Œμ΄ 문제λ₯Ό ν•΄κ²°ν•˜λŠ” 방법을 μ•Œμ•„λ‚΄λŠ” 데 정말 λ‚˜μœ μ‹œκ°„μ„ λ³΄λƒˆμœΌλ―€λ‘œ μ†”λ£¨μ…˜μ„ κ³΅μœ ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μž…λ ₯ ν•„λ“œμ— oninput 이벀트λ₯Ό μΆ”κ°€ν•˜κ³  μžλ°” 슀크립트 ν•¨μˆ˜μ—μ„œμ΄ ν•„λ“œμ˜ 값이 빈 λ¬Έμžμ—΄μΈμ§€ ν™•μΈν•©λ‹ˆλ‹€. κ·Έλ ‡λ‹€λ©΄ λ‹€μŒμ„ μ‚¬μš©ν•˜μ—¬ μž…λ ₯ ν•„λ“œμ˜ 값을 μ‚­μ œν•©λ‹ˆλ‹€.
document.getElementById ( 'whatever'). value μ‚­μ œ;

HTMLInputElement 속성이 ꡬ성 κ°€λŠ₯ν•΄μ•Όν•œλ‹€κ³  μƒκ°ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

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