6

私のページには、画像用のイオンスライドボックスがあります。私のアプリではユーザーが動画を埋め込むことができるため、動画を含む iframe も同じスライダーに追加する必要があります。これは私のコードが今どのように見えるかです:

これは私のhtmlです：

<ion-slide-box ng-if="slider.length > 1">
  <ion-slide ng-repeat="item in slider">
    <img ng-if="item.image" ng-src="{{ fileServer }}/imagecache/cover/{{ item.image }}" class="cover">
    <iframe ng-if="item.video" src="{{ item.video | safeUrl }}"></iframe>
  </ion-slide>
</ion-slide-box>

これは画像のみで正常に機能しますが、ビデオがある場合、css で設定した 100% の幅を使用するとスライドできません。幅がそれよりも小さい場合にのみスライドできます。 iframe がスライダーのスペースを占有していない部分でのみスライドさせます。iframe の幅を 100% にする必要があるので、どうすればうまくいくのでしょうか?

4

1 に答える 1

1

代わりにイオンスライドを試しましたか？

イオンスライドボックスは非推奨です

ion-slide-box は、新しいion-slides コンポーネントを優先して、次の Ionic リリースで削除されます。このウィジェットの内部動作に依存しないでください。

于 2016-08-09T15:49:14.883 に答える