<md-dialog aria-label="{{course.Name}}" ng-cloak class="course-dialog"> <form> <md-toolbar> <div class="md-toolbar-tools"> <h2>{{course.Name}}</h2> <span flex></span> </div> </md-toolbar> <md-dialog-content> <div class="md-dialog-content"> <div ng-repeat="room in course.RoomList"> <span class="day-column-room-name">{{room.Name}}</span> </div> <div ng-repeat="staff in course.StaffList"> <span class="day-column-staff-name">{{staff.Name}}</span> </div> <span class="day-column-course-hour">{{course.BeginDate | date : timeFormat}} - {{course.EndDate | date : timeFormat}}</span> <div ng-repeat="group in course.GroupList"> <span class="day-column-group-name">{{group.Name}}</span> </div> </div> </md-dialog-content> <md-dialog-actions layout="row"> <md-button ng-click="close()" style="margin-right:20px;"> Close </md-button> </md-dialog-actions> </form> </md-dialog>