Ember.js: 링크 λŒ€μƒ ν…œν”Œλ¦Ώμ—μ„œ HTML 액컀 ν•΄μ‹œ 지원

에 λ§Œλ“  2016λ…„ 02μ›” 23일  Β·  10μ½”λ©˜νŠΈ  Β·  좜처: emberjs/ember.js

μ‚¬μš©μžκ°€ 화면을 μ•„λž˜λ‘œ 슀크둀 ν•  λ•Œ 색인 κ²½λ‘œμ— μ—¬λŸ¬ μ„Ήμ…˜μ΄μžˆλŠ” 단일 νŽ˜μ΄μ§€ 앱을 μž‘μ—… μ€‘μž…λ‹ˆλ‹€. 이λ₯Ό μœ„ν•΄ HTML 액컀 ν•΄μ‹œ 속성을 μ‚¬μš©ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μž‘λ…„μ˜μ΄ λ‹«νžŒ 호 μ—μ„œ Emberκ°€ 액컀 ν•΄μ‹œ 속성에 μ—°κ²°ν•˜λŠ” κΈ°λ³Έ λΈŒλΌμš°μ € λ™μž‘μ„ μ§€μ›ν•œλ‹€λŠ” 사싀을 ν™•μΈν–ˆμŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€. λ˜ν•œ {{link-to}} ꡬ성 μš”μ†Œμ˜ "쑰각"κΈ°λŠ₯을 λ§Œλ“€ κ°€λŠ₯성에 λŒ€ν•΄μ„œλ„ μ–ΈκΈ‰ν•©λ‹ˆλ‹€. λ‚΄ μ‚¬μ΄νŠΈ (Em 2.3.0) 와이 twiddle μ—μ„œ μ‹œλ„ν•˜λ©΄ μž‘λ™ν•˜μ§€ μ•ŠμœΌλ©° μ†ŒμŠ€ μ½”λ“œμ—μ„œ λ³Ό 수 μ—†μŠ΅λ‹ˆλ‹€.

ν˜„μž¬ λ˜λŠ” λ―Έλž˜μ— μ§€μ›λ˜λŠ” κΈ°λŠ₯μž…λ‹ˆκΉŒ? ν•Έλ“€ λ°” ν…œν”Œλ¦Ώμ— μš”μ†Œλ₯Ό λ„£μ—ˆμ„ λ•Œ μš”μ†Œ λŒ€μ‹  {{link-to}}λ₯Ό μ‚¬μš© ν•©λ‹ˆλ‹€.

감사,

Bryan

Bug Has Reproduction

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

λ„€, 정말 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

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

λΌμš°ν„° λ˜λŠ” link-to μ—λŠ” ν•΄μ‹œ / 쑰각 지원이 μ—†μŠ΅λ‹ˆλ‹€.

μ™œ <a href="#some-id"> 이 ember-twiddleμ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠλŠ”μ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. JSbinμ—μ„œ 잘 μž‘λ™ν•©λ‹ˆλ‹€.

http://emberjs.jsbin.com/gabune

@mmun 이것이 νŠΈμœ„λ“€ 만 문제처럼 λ³΄μ΄κ±°λ‚˜ 잘λͺ» μ½μ—ˆμŠ΅λ‹ˆκΉŒ?

예, 여기에보고 된 νŠΉμ • λ¬Έμ œλŠ” ember-twiddleμ—μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. λΌμš°ν„°μ—μ„œ 더 λ‚˜μ€ ν•΄μ‹œ / 쑰각 지원을 κ°–λŠ” 것이 μ’‹μ§€λ§Œ RFC μ €μž₯μ†Œμ—μ„œ λ…Όμ˜λ˜μ–΄μ•Όν•©λ‹ˆλ‹€.

locationType = "history"및 λ‹€μŒκ³Ό 같은 액컀λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

κ΄€λ¦¬μž

νŽ˜μ΄μ§€λ₯Ό " http : // localhost : 4200 / # c4412370-e892-11e4-a199-000c29a61086"둜 λ‹€μ‹œλ‘œλ“œν•©λ‹ˆλ‹€.

이것은 Ember-cli / Ember 2.4.1μž…λ‹ˆλ‹€.

λ‚˜λŠ” 이것이 Twiddle만의 문제라고 μƒκ°ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ‹€μŒμ€ 색인 κ²½λ‘œμ— λ¬Έμ œκ°€ λ‚˜νƒ€λ‚˜μ§€ μ•Šμ§€λ§Œ λ‹€λ₯Έ κ²½λ‘œμ— λ‚˜νƒ€λ‚˜λŠ” JSBinμž…λ‹ˆλ‹€.

μž¬ν˜„ν•˜λ €λ©΄ :

  1. http://jsbin.com/bilewi λ°©λ¬Έ
  2. "ν•˜λ‹¨"을 ν΄λ¦­ν•˜μ‹­μ‹œμ˜€-잘 μž‘λ™ν•©λ‹ˆλ‹€
  3. μœ„λ‘œ μŠ€ν¬λ‘€ν•˜μ—¬ "foo"λ₯Ό ν΄λ¦­ν•˜μ‹­μ‹œμ˜€. 이제 foo νŽ˜μ΄μ§€μ— μžˆμŠ΅λ‹ˆλ‹€.
  4. "bottom"을 ν΄λ¦­ν•˜μ‹­μ‹œμ˜€-foo νŽ˜μ΄μ§€μ˜ 맨 μ•„λž˜λ‘œ μ΄λ™ν•΄μ•Όν•˜μ§€λ§Œ λŒ€μ‹  인덱슀 νŽ˜μ΄μ§€μ˜ 맨 μ•„λž˜λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

Ember 2.4.3 μ•±μ˜ 액컀 λ§ν¬μ—μ„œ λ™μΌν•œ λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

μ°Έκ³  : <a href='#foo'> λŠ” 인덱슀 κ²½λ‘œμ—μžˆλŠ” 경우

λ„€, 정말 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

이것에 λŒ€ν•œ μƒˆλ‘œμš΄ 아이디어가 μžˆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” 멋진 μΆ”κ°€ κΈ°λŠ₯인 ember-anchor λ₯Ό μ‹œλ„ν–ˆμ§€λ§Œ λ„ˆλ¬΄ λ§Žμ€ ꡬ성이 ν•„μš”ν•˜λ©° μ–΄μ¨Œλ“  액컀와 κ΄€λ ¨ν•˜μ—¬ ν‘œμ€€μ„ μ€€μˆ˜ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ‚˜λŠ” 이것이 κ΅¬ν˜„ν•˜κΈ°μ— 맀우 μ€‘μš”ν•œ κΈ°λŠ₯μ΄μ–΄μ•Όν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

rfcs repoμ—μ„œ 문제λ₯Ό μ—΄μ—ˆμŠ΅λ‹ˆλ‹€ (μ œμ•ˆ λœλŒ€λ‘œ). πŸ‘ λ˜λŠ” κ·€ν•˜μ˜ 생각을 μΆ”κ°€ν•˜μ‹­μ‹œμ˜€ https://github.com/emberjs/rfcs/issues/330

이것을 κΈ°λŠ₯ μš”μ²­μœΌλ‘œ λ‹«μœΌλ©΄ @sdhull μΉœμ ˆν•˜κ²Œ RFC μ €μž₯μ†Œμ—μ„œ λ¬Έμ œκ°€ μ—΄λ ΈμŠ΅λ‹ˆλ‹€.

λͺ¨λ‘ κ°μ‚¬ν•©λ‹ˆλ‹€!

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