![](/img/trans.png)
[英]Angular Material - md-virtual-repeat in list - scroll/loading/display issue
[英]Angular Material md-virtual-repeat list item selection
我不清楚如何設置,因此可以從虛擬重復列表中選擇一個項目。 我想要一個項目的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
演示顯示,但未顯示如何設置選擇
您可以使用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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.