javascript — кнопки-слайдеры-ионы не отображаются должным образом

Кнопки-слайдеры ion-item не отображаются должным образом

У меня возникли проблемы с кнопками, связанными со слайдерами элементов, использующими ion-item-slide. Кнопки отображаются под панелью элементов, а не под ней (см. Прикрепленное изображение). Вот мой фрагмент кода HTML, который вызывает проблему:

 {amp}lt;ion-list{amp}gt; {amp}lt;ion-item-sliding ng-repeat="project in projects"{amp}gt; {amp}lt;ion-item ng-click="selectProject(project, $index)" ng-class={active: activeProject == project}"{amp}gt; {{project.title}} {amp}lt;/ion-item{amp}gt; {amp}lt;ion-item-options side="left"{amp}gt; {amp}lt;button ion-button{amp}gt; {amp}lt;ion-icon name="delete"{amp}gt;{amp}lt;/ion-icon{amp}gt; Delete {amp}lt;/button{amp}gt; {amp}lt;/ion-item-options{amp}gt; {amp}lt;/ion-item-sliding{amp}gt; 

Мои кнопки отображаются так, но я хочу, чтобы они отображались так

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector