20 lines
495 B
Dart
20 lines
495 B
Dart
// #docregion
|
|
import 'package:angular2/angular2.dart';
|
|
|
|
@Component(
|
|
selector: 'my-child',
|
|
template: '''
|
|
<div class="my-child">
|
|
<div>-- child view begins --</div>
|
|
<div class="child">{{hero}} is my hero.</div>
|
|
<div>-- child view ends --</div>
|
|
</div>
|
|
''',
|
|
styles: const [
|
|
'.child {background: Yellow; padding: 8px; }',
|
|
'.my-child {background: LightYellow; padding: 8px; margin-top: 8px}'
|
|
])
|
|
class ChildComponent {
|
|
@Input() String hero;
|
|
}
|