Ember.js: Dukungan hash HTML Anchor dalam template link-to

Dibuat pada 23 Feb 2016 · 10Komentar · Sumber: emberjs/ember.js

Saya sedang mengerjakan aplikasi satu halaman di mana rute indeks memiliki banyak bagian saat pengguna menggulir layar mereka ke bawah. Agar ini bekerja, saya ingin menggunakan properti hash jangkar HTML. Saya melihat dalam edisi tertutup ini dari tahun lalu bahwa Ember mendukung perilaku browser default dalam menautkan ke properti hash jangkar, yang saya syukuri. Ini juga menyebutkan kemungkinan membuat fitur "fragmen" dari komponen {{link-to}}. Ketika saya mencobanya di situs saya (Em 2.3.0) dan di twiddle ini , tidak berhasil, dan saya tidak melihatnya di kode sumber.

Apakah ini fitur yang didukung, baik sekarang atau di masa mendatang? Saya perhatikan bahwa ketika saya baru saja meletakkan elemen di template setang saya, klik pengguna pada hash jangkar akhirnya memicu pemuatan ulang halaman ketika saya berada di rute lain daripada sekadar transisi rute, itulah sebabnya saya ingin untuk menggunakan {{link-to}} sebagai ganti elemen belaka .

Terima kasih,

Bryan

Bug Has Reproduction

Sumber

bkCDL

Komentar yang paling membantu

Ya, ini akan sangat menyenangkan.

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

jakeleboeuf pada 27 Jan 2017

👍38

Semua 10 komentar

Tidak ada dukungan hash / fragmen di router atau dengan link-to .

Saya tidak yakin mengapa <a href="#some-id"> tidak berfungsi di ember-twiddle. Ini berfungsi dengan baik di JSbin:

http://emberjs.jsbin.com/gabune

mmun pada 23 Feb 2016

@mmun apakah ini sepertinya hanya masalah

stefanpenner pada 26 Feb 2016

Ya, masalah khusus yang dilaporkan di sini tampaknya ada di ember-twiddle. Alangkah baiknya memiliki dukungan hash / fragmen yang lebih baik di router tetapi harus didiskusikan dalam repo RFC.

mmun pada 26 Feb 2016

Saya menggunakan locationType = "history" dan jangkar seperti ini:

admin

memuat ulang halaman ke " http: // localhost : 4200 / # c4412370-e892-11e4-a199-000c29a61086"

Ini dengan Ember-cli / Ember 2.4.1.

cfator pada 5 Mar 2016

Saya tidak berpikir ini adalah masalah Twiddle saja. Berikut adalah JSBin di mana masalah tidak muncul di rute indeks, tetapi muncul di rute lain.

Untuk mereproduksi:

Kunjungi http://jsbin.com/bilewi
Klik "bawah" - berfungsi dengan baik
Gulir kembali ke atas dan klik "foo" - Anda sekarang berada di halaman foo
Klik di "bawah" - akan membawa Anda ke bagian bawah halaman foo, tetapi malah membawa Anda ke bagian bawah halaman indeks

Saya mengalami masalah yang sama dengan tautan jangkar di aplikasi Ember 2.4.3 saya

camunching pada 25 Mar 2016

Catatan: <a href='#foo'> berfungsi dengan baik jika Anda berada di rute indeks. Ini tidak bekerja dengan benar di rute lain, malah menyebabkan penyegaran halaman penuh

alexspeller pada 18 Okt 2016

👍1

Ya, ini akan sangat menyenangkan.

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

jakeleboeuf pada 27 Jan 2017

👍38

Ada ide baru tentang ini? Saya telah mencoba ember-anchor yang merupakan add-on yang bagus, tetapi memerlukan konfigurasi yang terlalu banyak, dan toh tidak sesuai standar terkait anchor. Saya yakin ini harus menjadi fitur yang cukup penting untuk diterapkan.