e958be24bf
Mainly copyedits and prep for extension + example code cleanup & bug fix + fix bug in default color initialization
29 lines
674 B
Dart
29 lines
674 B
Dart
// #docregion
|
|
import 'package:angular2/core.dart';
|
|
|
|
@Directive(selector: '[myHighlight]',
|
|
// #docregion host
|
|
host: const {
|
|
'(mouseenter)': 'onMouseEnter()',
|
|
'(mouseleave)': 'onMouseLeave()'
|
|
}
|
|
// #enddocregion host
|
|
)
|
|
class HighlightDirective {
|
|
// #docregion ctor
|
|
final dynamic _el;
|
|
|
|
HighlightDirective(ElementRef elRef) : _el = elRef.nativeElement;
|
|
// #enddocregion ctor
|
|
|
|
// #docregion mouse-methods
|
|
void onMouseEnter() { _highlight("yellow"); }
|
|
void onMouseLeave() { _highlight(); }
|
|
|
|
void _highlight([String color]) {
|
|
if (_el != null) _el.style.backgroundColor = color;
|
|
}
|
|
// #enddocregion mouse-methods
|
|
}
|
|
// #enddocregion
|