Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

content: add example of event binding to ion-item-sliding

Aperta
#4,271 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
52/100
Tipo di issue
Documentazione
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
angular, typescript
Ambito
documentation

Direzione di ricerca

Inizia dalla pagina di documentazione sull’utilizzo di base di ion-item-sliding e confrontala con l’esempio StackBlitz collegato, in particolare con src/app/example.component.ts. Documenta la gestione funzionante dei clic su Archive/Delete e le modifiche ai dati che dimostra, quindi chiarisci il comportamento di overslide e la nota su ionSwipe per gli utenti web.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

content
Describe Problem

https://ionic-docs-o31kiyk8l-ionic1.vercel.app/docs/v8/api/item-sliding#basic-usage

The basic usage does example the template part only, but it is really unclear how to make this work with the logic part (especially for beginners, when you have no idea how things work)
Some primary issues:

  1. How to bind the simple click event of the option to the function of component class
  2. How to bind the 'overslide' - i.e. when user drags the sliding item far from the starting point, so the last option will trigger automatically on slide release
Describe Preferred Solution

I've spent some time to make an example of Arhive-Delete drag with working template, so dragging/clicking Archive or delete is actually works and reflects the data:

https://stackblitz.com/edit/angular-t9fwgq5c?file=src%2Fapp%2Fexample.component.ts

I may not be perfect because I also don't know the right approach for good overslide

Describe Alternatives

Take a look at angular material documentation for MatTable (or just look for other components) as an example:
https://material.angular.dev/components/table/examples

It has first example as basic usage, and more use cases for every matter you can think of.

Additional Information

There is a subtle note on ionSwipe https://ionic-docs-o31kiyk8l-ionic1.vercel.app/docs/v8/api/item-sliding#expandable-options, but ionSwipe does not work for me (or at least on PC Web version which I develop and test on)

And I usually check the code, skipping the reading part (I don't think I am the only person who skips text)

So trivial task like 'copy-paste' of a working example turns into pain in the ass, requiring to spend time researching...

Lingua principale
MDX
Stelle
621
Fork
3.2k
Merge medio
1g 2h
PR unite (30g)
86

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ionic-team/ionic-docs

Tutte le issue di ionic-team/ionic-docs

Issue simili

Altre issue su Documentation

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.