import 'package:angular/angular.dart';

@Component(
	selector: 'my-selector', // 템플릿 내의 HTML 요소 이름
    template: '''<h1>Hello</h1>''', // 직접 템플릿 기술 templateUrl과 배타적.
    templateUrl: '파일이름.html', // 템플릿 파일 경로 기술 template와 배타적.
    styleUrls: ['CSS 파일 경로', ...],
    exports: [식별자, ...], // 템플릿에서 참조할 const, static 식별자 이름 (클래스 등)
)
class 컴포넌트 클래스 이름 {
	// 프로퍼티 및 메소드
}

@Component(
    exports: [식별자, ...], // 템플릿에서 참조할 최상위, const, static 식별자 이름 (클래스 등)
)
class 컴포넌트 클래스 이름 {
}

@Component(
	selector: '템플릿 내의 셀렉터',
)

<button (click)="buttonClickHandler(인수, ...)"> Click me!</button>

class 컴포넌트 {
	void buttonClickMethod(파라미터, ...) {
	}
}

class 컴포넌트 {
	void onKeyup(dynamic event) {
        event.target.value 가 input 요소의 값으로 처리.
        ...
	}
}

class 컴포넌트 {
	void onKeyup(KeyboardEvent event) {
        event.target은 InputElement 타입 요소입니다.
    }
}

import 'package:angular_forms/angular_forms.dart';
@Component(
	directives: [formDirectives],
)

@Component (...)
class 컴포넌트 {
	List<타입> heroes; // 초기화 되어야 함.
}

@Component (...)
class 컴포넌트 {
	void onSelect(Hero hero) {...}
}

@Component(
	directives: [coreDirective, 다른 컴포넌트 클래스 이름],
}
class ...

@Component {
	selector: '다른 컴포넌트의 셀렉터',
}

class 서비스이름 {
}

class 서비스이름 {
  	Future<반환타입> 메소드명() async {
   		return ...;
  	}
}

class 서비스이름 {
  	Future<반환타입> 메소드명() async {
    	return Future.delayed(Duration(seconds: 초), n초 후 호출될 메소드);
  	}
}

@Component(
	providers: [ClassProvider(Service)], // 서비스 클래스들의 배열입니다.
)

class 컴포넌트이름 implements OnInit {
	void ngOnInit() { ... }
}

import 'package:angular_router/angular_router.dart';

import 'package:라이브러리이름/app_component.template.dart' as ng;

import 'main.template.dart' as self;

@GenerateInjector(
  routerProvidersHash, // routerProviders를 사용할 수 있게 됩니다.
)
final InjectorFactory injector = self.injector$Injector;

void main() {
  runApp(ng.AppComponentNgFactory, createInjector: injector);
}

static final RoutePath변수명 = RoutePath(path: 문자열이름);

static final RouteDefinition변수명 = RouteDefinition(
    routePath: RoutePath변수명,
    component: 경로에 사용될 컴포넌트 팩토리 클래스 이름,
);

class 컴포넌트 {
    Router _router;
	Future<NavigationResult> onClick(파라미터) {
        return _router.navigate(
            RoutePath객체.toUrl(
                paramters: ...
            )
        );
    }
}

class 컴포넌트 implements OnActivate {
	@override
    void onActivate(_, RouterState current) async {
        current.parameters ...
        ...
    }
}

class 컴포넌트 {
	서비스클래스 _service;
	Loation _location;
	생성자(this._service, this._location);
}

@Component(
	pipes: [commonPipes],
)

import 'package:http/browser_client.dart';

@GenerateInjector([
    routerProviderHash, // 프러덕션에서 routerProviders 를 사용 할 수 있음.
    ClassProvider(BrowserClient),
])

import 'package:http/http.dart';

@GenerateInjector([
    routerProvidersHash, // 프러덕션에서 routerProviders 를 사용 할 수 있음.
	ClassProvider(Client, useClass: 시뮬레이션을 제공하는 클래스),
])

import 'dart:async';
import 'dart:convert';
import 'dart:math';

import 'package:http/http.dart';
import 'package:http/testing.dart';

class InMemoryDataService extends MockClient {
   	InMemoryDataService() : super(핸들러메소드);
	static Future<Response> 핸들러메소드(Request request) async {
        var data;
        switch (request.method) {
          	case 'GET':
                data = ...
            	break;
          	case 'POST':
                data = ...
          		break;
          	case 'PUT':
                data = ...
          		break;
          	case 'DELETE':
                data = ...
            	break;
	        default:
            	throw 'Unimplemented HTTP method ${request.method}';
        }
        return Response(
            json.encode({'data': data}), 200,
            headers: {'content-type': 'application/json'}
        );
	}
}

class 컴포넌트 {
	factory 생성자.fromJson(...) => ...;
	Map toJson() => { 키:밸류, ... };
}