angular materia（六）组件介绍

image.png

image.png

[@item]="widerPrioriity"
[ngClass]="{
'priority-important':item.priority===3,
'priority-emergency':item.priority===2,
'priority-normal':item.priority===1
}"
[app-draggable]="true"
[draggedClass]="'drag-start'"
[dragTag]="'task-item'"
[dragData]="item"
(click)="OnItemClick()"

class="completion-status"
[checked]="item.completed"
(click)="onCheckBoxClick($event)"

{{item.desc}}

{{item.dueDate | date :'yyyy-MM-dd'}}

alarm

image.png

加上md-tooltip的效果如下：

image.png