Angular Material md-virtual-repeat 列表项选择答案

【问题标题】：Angular Material md-virtual-repeat list item selectionAngular Material md-virtual-repeat 列表项选择
【发布时间】：2016-02-15 14:16:05
【问题描述】：

我不清楚如何设置，因此我可以从虚拟重复列表中选择一个项目。我想要一个项目的 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

演示显示不显示如何设置选择

【问题讨论】：

标签： javascript angularjs angular-material

【解决方案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

【讨论】：

谢谢！正是我需要的