角度材料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