角度材料md-virtual-repeat列表項選擇

Question

我不清楚如何設置，所以我可以從虛擬重複列表中選擇一個項目。我想要一個項目的onclick來設置模型變量並顯示漣漪動畫。

<div layout="column" flex="40" style="border:red 1px solid;min-height:75px;margin-right:0px;padding-right:0px;padding-bottom:0px;" layout-padding> 
    <md-virtual-repeat-container id="rightSrc" layout-fill flex> 
     <div md-virtual-repeat="s in items" class="repeated-item" flex> 
     {{s.title}} 
     </div> 
    </md-virtual-repeat-container> 
</div> 

我有一個Codepen這裏：http://codepen.io/ed4becky/pen/LGabqW

示範畫面不顯示瞭如何設置選擇

Answer 1

您可以使用md-button和md-ink-ripple。這應該讓你開始，你可能只需要調整一些利潤/填充。

<div md-virtual-repeat="s in items | orderBy:'title'" class="repeated-item md-button" flex md-ink-ripple ng-click="alert(s)"> 
    {{s.title}} 
</div> 

http://codepen.io/kuhnroyal/pen/bEZzpY