Angular4_点击tr选中行

前端之家收集整理的这篇文章主要介绍了Angular4_点击tr选中行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Angular4_点击tr选中行,并得到点击行的数量
< tr ( click)= "onselectedRows(hu,od)" >
< td style= "background-color: white" ( click)= "expandOrder($event,od,hu.palletId)" >
< i [ ngClass]= "{'fa': true,'fa-caret-right': !od.childexpanded,'fa-caret-down': od.childexpanded,'fa-lg': true}"></ i>
</ td >
< td >
< input type= "checkBox"[( ngModel)]= "od.selected" style= "cursor:pointer;" >
</ td >
< td >{{od.delivery}} </ td >
< td >{{od.customer}} </ td >
< td >{{od.shipTo}} </ td >
< td >{{od.soNumber}} </ td >
< td >{{od.dispatchTime}} </ td >
< td >{{od.carrier}} </ td >
</ tr >
// 后台事件
onselectedRows(hu : any,od : any) {
od.selected = ! od.selected;
const index = _. indexOf( this. selectedOrder,od);
if ( index !== - 1) {
this. selectedOrder. splice( index,1);
} else {
this. selectedOrder. push( od);
}
if ( this. selectedOrder.length === 1) {
this. footerComponent. setButtonsStatus( false);
this. footerComponent. setButtonsStatus( true);
}

猜你在找的Angularjs相关文章