UNPKG

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
<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>