ItemSliding无法使用按钮

Question

你能告诉我为什么看不到Me按钮吗？我使用过ItemSliding

这是stackblitz。请参阅home文件夹。

我想创建以下列表：

UI

html的

<ion-list>
        <ion-item-sliding #item>
            <ion-item>
                <button ion-button class="buttoncls">Me</button>
                <ion-label fixed>Members</ion-label>
            </ion-item>
            <ion-item-options side="right">
                <button ion-button (click)="deleteMember(item)" color="danger">
            <ion-icon name="ios-trash-outline"></ion-icon>
            </button>
            </ion-item-options>
        </ion-item-sliding>
    </ion-list>

Answer 1

这是因为SELECT * FROM jsonb_object_diff( '{"a": 1, "b": 5, "extra1": "woo", "old_null": null, "just_null": null}'::jsonb, '{"a": 1, "b": 4, "extra2": "ahoj", "new_null": null, "just_null": null}'::jsonb); -[ RECORD 1 ]-------------------------------------- old | {"b": 5, "extra1": "woo", "old_null": null} new | {"b": 4, "extra2": "ahoj", "new_null": null} same | {"a": 1, "just_null": null} 组件具有预定义的一组选择器，可用于在该组件内转换。 Git repo

ion-item

所以只需添加例如

等 '<ng-content select="[item-start],[item-left],ion-checkbox:not([item-end]):not([item-right])"></ng-content>' + '<div class="item-inner">' + '<div class="input-wrapper">' + '<ng-content select="ion-label"></ng-content>' + '<ion-label *ngIf="_viewLabel">' + '<ng-content></ng-content>' + '</ion-label>' + '<ng-content select="ion-select,ion-input,ion-textarea,ion-datetime,ion-range,[item-content]"></ng-content>' + '</div>' + '<ng-content select="[item-end],[item-right],ion-radio,ion-toggle"></ng-content>' + '<ion-reorder *ngIf="_hasReorder"></ion-reorder>' + '</div>' + '<div class="button-effect"></div>', 属性

item-start

并查看 Forked Stackblitz

<button ion-button item-start class="buttoncls">Me</button> 看起来像Example