src/table/expanded-row-hover.directive.ts
| Selector | [cdsExpandedRowHover], [ibmExpandedRowHover] |
Methods |
HostListeners |
| mouseenter |
Arguments : '$event'
|
|
Defined in src/table/expanded-row-hover.directive.ts:11
|
| mouseleave |
Arguments : '$event'
|
|
Defined in src/table/expanded-row-hover.directive.ts:16
|
| addHoverClass | ||||
addHoverClass(event)
|
||||
Decorators :
@HostListener('mouseenter', ['$event'])
|
||||
|
Defined in src/table/expanded-row-hover.directive.ts:11
|
||||
|
Parameters :
Returns :
void
|
| removeHoverClass | ||||
removeHoverClass(event)
|
||||
Decorators :
@HostListener('mouseleave', ['$event'])
|
||||
|
Defined in src/table/expanded-row-hover.directive.ts:16
|
||||
|
Parameters :
Returns :
void
|
import {
Directive,
HostListener
} from "@angular/core";
@Directive({
selector: "[cdsExpandedRowHover], [ibmExpandedRowHover]"
})
export class ExpandedRowHover {
@HostListener("mouseenter", ["$event"])
addHoverClass(event) {
event.target.previousElementSibling.classList.add("cds--expandable-row--hover");
}
@HostListener("mouseleave", ["$event"])
removeHoverClass(event) {
event.target.previousElementSibling.classList.remove("cds--expandable-row--hover");
}
}