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
43 lines (38 loc) • 1.16 kB
HTML
<div ng-controller="AppCtrl" ng-cloak>
<md-toolbar class="md-theme-light">
<h2 class="md-toolbar-tools">
<span>Full Bleed</span>
</h2>
</md-toolbar>
<md-content>
<md-list>
<md-list-item class="md-3-line" ng-repeat="item in messages">
<div class="md-list-item-text">
<h3>{{item.what}}</h3>
<h4>{{item.who}}</h4>
<p>{{item.notes}}</p>
</div>
<md-button class="md-secondary">Respond</md-button>
<md-divider ng-if="!$last"></md-divider>
</md-list-item>
</md-list>
</md-content>
<md-toolbar class="md-theme-light">
<h2 class="md-toolbar-tools">
<span>Inset</span>
</h2>
</md-toolbar>
<md-content>
<md-list>
<md-list-item class="md-3-line" ng-repeat="item in messages">
<img ng-src="{{item.face}}?{{$index}}" class="md-avatar" alt="{{item.who}}">
<div class="md-list-item-text">
<h3>{{item.what}}</h3>
<h4>{{item.who}}</h4>
<p>{{item.notes}}</p>
</div>
<md-divider md-inset ng-if="!$last"></md-divider>
</md-list-item>
</md-list>
</md-content>
</div>