在頁面中有多個快照和快照內容

Question

我有一個頁面中的影片列表，我想要添加幻燈片以顯示影片時間並向右滑動以顯示影片電影院。

我試圖讓列表中的每個項目都具有管理單元和管理單元，但這並不奏效。

有沒有人有想法如何使這種可能。

代碼： http://plnkr.co/edit/eFMdPBlWRKbCNYN3tzPx?p=preview

<div class="container"> 
    <div class="row"> 
     <ul> 
     <li> 
      <snap-drawers snap-id="'movie1'"> 
      <snap-drawer> 
       Movie times 
      </snap-drawer> 
      <div snap-drawer="right"> 
       Movie cinemas 
      </div> 
      </snap-drawers> 
      <snap-content snap-id="'movie1'"> 
      <snap-dragger> 
       <h1>Movie 1</h1> 
      </snap-dragger> 
      </snap-content> 
     </li> 
     <li> 
      <snap-drawers snap-id="'movie2'"> 
      <snap-drawer> 
       Movie times 
      </snap-drawer> 
      <div snap-drawer="right"> 
       Movie cinemas 
      </div> 
      </snap-drawers> 
      <snap-content snap-id="'movie2'"> 
      <snap-dragger> 
       <h1>Movie 2</h1> 
      </snap-dragger> 
      </snap-content> 
     </li> 
     <li> 
      <snap-drawers snap-id="'movie3'"> 
      <snap-drawer> 
       Movie times 
      </snap-drawer> 
      <div snap-drawer="right"> 
       Movie cinemas 
      </div> 
      </snap-drawers> 
      <snap-content snap-id="'movie3'"> 
      <snap-dragger> 
       <h1>Movie 3</h1> 
      </snap-dragger> 
      </snap-content> 
     </li> 
     </ul> 
    </div> 
    </div> 

感謝名單，

Answer 1

我相信所有的元素已經被呈現的HTML，但他們沒有正確對齊。你應該使用right或left選項像snap-drawers="left"，snap-drawer="left"，snap-content="left"，提供適當對齊等

標記

<li> 
    <snap-drawers="left" snap-id="'movie1'"> 
    <snap-drawer="left"> 
     Movie times 
    </snap-drawer> 
    <div snap-drawer="right"> 
     Movie cinemas 
    </div> 
    </snap-drawers> 
    <snap-content="left" snap-id="'movie1'"> 
     <snap-dragger> 
      <h1>Movie 1</h1> 
     </snap-dragger> 
    </snap-content> 
</li> 

Working Plunkr