Ion-View in einer Folie in einer Folienbox

Question

Ich arbeite an einer Ionic App und möchte eine Slider-Box haben, wobei jede Folie eine Ionenansicht darstellt.

Slide Box -

<ion-view> 
<ion-content> 
    <div class="row"> 
     <ion-slide-box class="col" auto-play="false" does-continue="false"> 
      <ion-slide> 
       <ion-nav-view name="view-1" ></ion-nav-view> 
      </ion-slide> 
      <ion-slide> 
       <ion-nav-view name="view-2" ></ion-nav-view> 
      </ion-slide> 
     </ion-slide-box> 
    </div> 
</ion-content> 
</ion-view> 

Strecke

.state('parent.view-1', { 
      url: "/view1", 
      views: { 
       "view-1": { 
        templateUrl: "app/parent/view-1.html" 
       } 
      } 
     }) 

Eine der Aussichten - Blick-1.html -

<ion-view> 
    <ion-content> 

     <h1>View 1</h1> 

    </ion-content> 
</ion-view> 

Die Problem ist, dass View-1 nicht in der ersten Folie angezeigt wird. Kann mir jemand sagen, was hier das Problem sein kann? Ist dies der richtige Weg, um verschiebbare Ansichten anzuzeigen? Bitte vorschlagen. Ich bin ein Anfänger in Ionic.

Answer 1

Ich arbeite an einer ähnlichen Einrichtung, und ich fand, dass seine nicht sehr sauber funktioniert.

Da Ihre Ionen-Slide-Box innerhalb von Ion-View-Tags ist, gehe ich davon aus, dass dieses Template irgendwo auf einer höheren Ebene injiziert wird?

Versuchen Sie stattdessen zu injizieren:

<ion-slide-box class="col" auto-play="false" does-continue="false"> 
     <ion-slide> 
      <ion-nav-view name="view-1" ></ion-nav-view> 
     </ion-slide> 
     <ion-slide> 
      <ion-nav-view name="view-2" ></ion-nav-view> 
     </ion-slide> 
    </ion-slide-box> 

in Ihrem ohne und andere Sachen Einwickeln es.