angular-material-npfixed
Version:
The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible Material Design UI components. Angular Material is supported internally at Google by the Angular.js, M
24 lines (21 loc) • 854 B
HTML
<div ng-controller="AppCtrl as ctrl">
<md-content layout="column" class="md-padding">
<p>
Use the <code>md-top-index</code> attribute to watch which item is at the top of the scroll
container, and also to jump to a specific item.
</p>
<div class="wrapper">
<md-input-container>
<md-select ng-model="ctrl.selectedYear" aria-label="Select a Year">
<md-option ng-value="$index" ng-repeat="year in ctrl.years">{{ year }}</md-option>
</md-select>
</md-input-container>
<md-virtual-repeat-container id="vertical-container" md-top-index="ctrl.topIndex">
<div md-virtual-repeat="item in ctrl.items"
class="repeated-item" ng-class="{header: item.header}" flex>
{{item.text}}
</div>
</md-virtual-repeat-container>
</div>
</md-content>
</div>