mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
docs(itemSliding): update docs
add document how to use close() in ItemSliding
This commit is contained in:

committed by
Mike Hartington

parent
81cb0ff997
commit
e93b3f02a7
@ -23,6 +23,28 @@ import {List} from '../list/list';
|
|||||||
* </ion-item-sliding>
|
* </ion-item-sliding>
|
||||||
* </ion-list>
|
* </ion-list>
|
||||||
* ```
|
* ```
|
||||||
|
* ItemSliding can be closed by API by adding #slidingItem in ion-item-sliding.
|
||||||
|
* We grab a reference to the item reference by pass the `#slidingItem` to the share method.
|
||||||
|
*
|
||||||
|
* ```html
|
||||||
|
* <ion-list>
|
||||||
|
* <ion-item-sliding *ngFor="#item of items" #slidingItem>
|
||||||
|
* <button ion-item (click)="itemTapped(item)">
|
||||||
|
* {{item}}
|
||||||
|
* </button>
|
||||||
|
* <ion-item-options>
|
||||||
|
* <button (click)="share(item, slidingItem)">Share</button>
|
||||||
|
* </ion-item-options>
|
||||||
|
* </ion-item-sliding>
|
||||||
|
* </ion-list>
|
||||||
|
* ```
|
||||||
|
*
|
||||||
|
* ```typescript
|
||||||
|
* share(item, slidingItem) {
|
||||||
|
* slidingItem.close();
|
||||||
|
* }
|
||||||
|
* ```
|
||||||
|
*
|
||||||
* @demo /docs/v2/demos/item-sliding/
|
* @demo /docs/v2/demos/item-sliding/
|
||||||
* @see {@link /docs/v2/components#lists List Component Docs}
|
* @see {@link /docs/v2/components#lists List Component Docs}
|
||||||
* @see {@link ../../list/List List API Docs}
|
* @see {@link ../../list/List List API Docs}
|
||||||
|
Reference in New Issue
Block a user