BREAKING CHANGE: Previously, `Directive` was the abstract base class of several directives. Now, `Directive` is the former `Decorator`, and `Component` inherits from it.
		
			
				
	
	
		
			37 lines
		
	
	
		
			970 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			37 lines
		
	
	
		
			970 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import {bootstrap} from 'angular2/angular2';
 | |
| import {MdProgressLinear} from 'angular2_material/src/components/progress-linear/progress_linear'
 | |
| import {UrlResolver} from 'angular2/src/services/url_resolver';
 | |
| import {commonDemoSetup, DemoUrlResolver} from '../demo_common';
 | |
| import {bind} from 'angular2/di';
 | |
| 
 | |
| // TODO(radokirov): Once the application is transpiled by TS instead of Traceur,
 | |
| // add those imports back into 'angular2/angular2';
 | |
| import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 | |
| import {View} from 'angular2/src/core/annotations_impl/view';
 | |
| 
 | |
| @Component({
 | |
|   selector: 'demo-app'
 | |
| })
 | |
| @View({
 | |
|   templateUrl: './demo_app.html',
 | |
|   directives: [MdProgressLinear]
 | |
| })
 | |
| class DemoApp {
 | |
|   progress: number;
 | |
| 
 | |
|   constructor() {
 | |
|     this.progress = 40;
 | |
|   }
 | |
| 
 | |
|   step(s: number) {
 | |
|     this.progress += s;
 | |
|   }
 | |
| }
 | |
| 
 | |
| export function main() {
 | |
|   commonDemoSetup();
 | |
|   bootstrap(DemoApp, [
 | |
|     bind(UrlResolver).toValue(new DemoUrlResolver())
 | |
|   ]);
 | |
| }
 |