Ember.js: Component μΈμŠ€ν„΄μŠ€ 간에 κ³΅μœ λ˜λŠ” λ°°μ—΄ 속성 κ°’

에 λ§Œλ“  2013λ…„ 12μ›” 11일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: emberjs/ember.js

λ‚΄κ°€ λ­”κ°€λ₯Ό 잘λͺ»ν–ˆλŠ”지 ν™•μ‹€ν•˜μ§€ μ•Šμ§€λ§Œ 여기에 μžˆμŠ΅λ‹ˆλ‹€.
일뢀 속성을 μ‚¬μš©ν•˜μ—¬ ꡬ성 μš”μ†Œλ₯Ό λ§Œλ“€μ—ˆλŠ”λ° λͺ¨λ‘ ν•΄λ‹Ή ꡬ성 μš”μ†Œ μΈμŠ€ν„΄μŠ€μ˜ λ²”μœ„μ—μ„œ μ˜¬λ°”λ₯΄κ²Œ μž‘λ™ν•©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ λ°°μ—΄ 값이 μžˆλŠ” 속성을 μΆ”κ°€ν•˜λ©΄ 예기치 μ•Šκ²Œ μž‘λ™ν•©λ‹ˆλ‹€. μš”μ†Œκ°€ @set 을 톡해 ꡬ성 μš”μ†Œμ˜ λ°°μ—΄λ‘œ ν‘Έμ‹œλ˜λ©΄ 각 ꡬ성 μš”μ†Œμ˜ μ†μ„±μœΌλ‘œ ν‘Έμ‹œλ©λ‹ˆλ‹€.

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

λ‚˜λŠ” 당신이 λ‹€μŒκ³Ό 같은 것을 가지고 μžˆλ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€.

App.MyThingsComponent = Ember.Component.extend({
  things: []
}):

이것은 μΈμŠ€ν„΄μŠ€ν™”λ  λ•Œκ°€ μ•„λ‹ˆλΌ ν΄λž˜μŠ€κ°€ μ •μ˜λ  β€‹β€‹λ•Œ ν‰κ°€λ˜κΈ° λ•Œλ¬Έμ— λͺ¨λ“  κ΅¬μ„±μš”μ†Œμ— λŒ€ν•΄ λ™μΌν•œ λ°°μ—΄ μΈμŠ€ν„΄μŠ€λ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.

ꡬ성 μš”μ†Œκ°€ μ΄ˆκΈ°ν™”λ  λ•Œ 배열을 μΈμŠ€ν„΄μŠ€ν™”ν•˜μ—¬ 이 문제λ₯Ό ν•΄κ²°ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

App.MyThingsComponent = Ember.Component.extend({
  things: null,
  setupThings: function(){
    this.set("things", []);
  }.on("init")
}):

이제 각 ꡬ성 μš”μ†Œ μΈμŠ€ν„΄μŠ€μ— λŒ€ν•œ μƒˆ λ°°μ—΄ μΈμŠ€ν„΄μŠ€λ₯Ό μ–»κ²Œ 되며 μ˜ˆμƒν•œ λŒ€λ‘œ λ™μž‘ν•΄μ•Ό ν•©λ‹ˆλ‹€.

hth

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

λ‚˜λŠ” 당신이 λ‹€μŒκ³Ό 같은 것을 가지고 μžˆλ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€.

App.MyThingsComponent = Ember.Component.extend({
  things: []
}):

이것은 μΈμŠ€ν„΄μŠ€ν™”λ  λ•Œκ°€ μ•„λ‹ˆλΌ ν΄λž˜μŠ€κ°€ μ •μ˜λ  β€‹β€‹λ•Œ ν‰κ°€λ˜κΈ° λ•Œλ¬Έμ— λͺ¨λ“  κ΅¬μ„±μš”μ†Œμ— λŒ€ν•΄ λ™μΌν•œ λ°°μ—΄ μΈμŠ€ν„΄μŠ€λ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.

ꡬ성 μš”μ†Œκ°€ μ΄ˆκΈ°ν™”λ  λ•Œ 배열을 μΈμŠ€ν„΄μŠ€ν™”ν•˜μ—¬ 이 문제λ₯Ό ν•΄κ²°ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

App.MyThingsComponent = Ember.Component.extend({
  things: null,
  setupThings: function(){
    this.set("things", []);
  }.on("init")
}):

이제 각 ꡬ성 μš”μ†Œ μΈμŠ€ν„΄μŠ€μ— λŒ€ν•œ μƒˆ λ°°μ—΄ μΈμŠ€ν„΄μŠ€λ₯Ό μ–»κ²Œ 되며 μ˜ˆμƒν•œ λŒ€λ‘œ λ™μž‘ν•΄μ•Ό ν•©λ‹ˆλ‹€.

hth

정말 κ°μ‚¬ν•©λ‹ˆλ‹€! 이것이 μ˜λ„λœ λ™μž‘μž…λ‹ˆκΉŒ? 예λ₯Ό λ“€μ–΄ λ¬Έμžμ—΄μ—μ„œλŠ” μ–΄λ–»κ²Œ 이런 μ‹μœΌλ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆκΉŒ?

@Geokoumpa 이것은 Javascript의 ν”„λ‘œν† νƒ€μž… 상속 λ•Œλ¬Έμž…λ‹ˆλ‹€. λ‹€μŒμ€ Javascript의 ν•΄λ‹Ή 츑면에 λŒ€ν•΄ λ°°μš°λŠ” 데 μœ μš©ν•œ @wycats의 μ² μ €ν•œ λΈ”λ‘œκ·Έ κ²Œμ‹œλ¬Όμž…λ‹ˆλ‹€.

http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/

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