NOTE: The Dart version generates fewer lifecycle events than the TS version. See angular/angular#6498 for details. closes #733
		
			
				
	
	
		
			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;
 | 
						|
}
 |