honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(examples): adds static dart hello world example. 

Use gulp examples/pub.serve to start up the server and go to
http://localhost:8080/index_static.html to see the static app.
This commit is contained in:
Rado Kirov 2014-12-02 19:14:48 -08:00
parent 0f3134acd4
commit c59cc8631a
6 changed files with 120 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
modules/core/src/application.js
View File

@ -4,7 +4,6 @@ import {DOM, Element} from 'facade/dom';
import {Compiler} from './compiler/compiler'; import {Compiler} from './compiler/compiler';
import {ProtoView} from './compiler/view'; import {ProtoView} from './compiler/view';
import {Reflector, reflector} from 'reflection/reflection'; import {Reflector, reflector} from 'reflection/reflection';
import {ReflectionCapabilities} from 'reflection/reflection_capabilities';
import {Parser} from 'change_detection/parser/parser'; import {Parser} from 'change_detection/parser/parser';
import {Lexer} from 'change_detection/parser/lexer'; import {Lexer} from 'change_detection/parser/lexer';
import {ChangeDetector} from 'change_detection/change_detector'; import {ChangeDetector} from 'change_detection/change_detector';
@ -74,8 +73,6 @@ function _injectorBindings(appComponentType) {
// Multiple calls to this method are allowed. Each application would only share // Multiple calls to this method are allowed. Each application would only share
// _rootInjector, which is not user-configurable by design, thus safe to share. // _rootInjector, which is not user-configurable by design, thus safe to share.
export function bootstrap(appComponentType: Type, bindings=null) { export function bootstrap(appComponentType: Type, bindings=null) {
reflector.reflectionCapabilities = new ReflectionCapabilities();
// TODO(rado): prepopulate template cache, so applications with only // TODO(rado): prepopulate template cache, so applications with only
// index.html and main.js are possible. // index.html and main.js are possible.
if (isBlank(_rootInjector)) _rootInjector = new Injector(_rootBindings); if (isBlank(_rootInjector)) _rootInjector = new Injector(_rootBindings);

5
modules/examples/pubspec.yaml
View File

@ -4,6 +4,8 @@ environment:
dependencies: dependencies:
facade: facade:
path: ../facade path: ../facade
reflection:
path: ../reflection
core: core:
path: ../core path: ../core
browser: '>=0.10.0 <0.11.0' browser: '>=0.10.0 <0.11.0'
@ -11,3 +13,6 @@ dev_dependencies:
test_lib: test_lib:
path: ../test_lib path: ../test_lib
guinness: ">=0.1.16 <0.2.0" guinness: ">=0.1.16 <0.2.0"
transformers:
- $dart2js:
minify: true

82
modules/examples/src/hello_world/static_app.js Normal file
View File

@ -0,0 +1,82 @@
import * as app from './app';
import {Component, Decorator, TemplateConfig, NgElement} from 'core/core';
import {Parser} from 'change_detection/parser/parser';
import {Lexer} from 'change_detection/parser/lexer';
import {Compiler} from 'core/compiler/compiler';
import {DirectiveMetadataReader} from 'core/compiler/directive_metadata_reader';
import {TemplateLoader} from 'core/compiler/template_loader';
import {reflector} from 'reflection/reflection';
function setup() {
reflector.registerType(app.HelloCmp, {
"factory": (service) => new app.HelloCmp(service),
"parameters": [[app.GreetingService]],
"annotations" : [new Component({
selector: 'hello-app',
componentServices: [app.GreetingService],
template: new TemplateConfig({
directives: [app.RedDec],
inline: `{{greeting}} <span red>world</span>!`})
})]
});
reflector.registerType(app.RedDec, {
"factory": (el) => new app.RedDec(el),
"parameters": [[NgElement]],
"annotations" : [new Decorator({selector: '[red]'})]
});
reflector.registerType(app.GreetingService, {
"factory": () => new app.GreetingService(),
"parameters": [],
"annotations": []
});
reflector.registerType(Compiler, {
"factory": (templateLoader, reader, parser) => new Compiler(templateLoader, reader, parser),
"parameters": [[TemplateLoader], [DirectiveMetadataReader], [Parser]],
"annotations": []
});
reflector.registerType(Parser, {
"factory": (lexer) => new Parser(lexer),
"parameters": [[Lexer]],
"annotations": []
});
reflector.registerType(TemplateLoader, {
"factory": () => new TemplateLoader(),
"parameters": [],
"annotations": []
});
reflector.registerType(DirectiveMetadataReader, {
"factory": () => new DirectiveMetadataReader(),
"parameters": [],
"annotations": []
});
reflector.registerType(Lexer, {
"factory": () => new Lexer(),
"parameters": [],
"annotations": []
});
reflector.registerGetters({
"greeting": (a) => a.greeting
});
reflector.registerSetters({
"greeting": (a,v) => a.greeting = v
});
}
export function main() {
setup();
app.main();
}

20
modules/examples/web/index_static.html Normal file
View File

@ -0,0 +1,20 @@
<!doctype html>
<html>
<head>
<title>Hello Angular 2.0 (Dart Static)</title>
<script type="application/dart" src="main_static.dart"></script>
<script src="packages/browser/dart.js"></script>
</head>
<body>
<hello-app>
Loading...
</hello-app>
</body>
</html>
<!-- to run do:
1) gulp build
2) gulp examples/pub.serve
3) open localhost:8080/index_static.html in dartium or chrome.
TODO(rado): merge with JS's index.html in ../src/hello_world/
-->

11
modules/examples/web/main.dart
View File

@ -1,4 +1,11 @@
import 'packages/examples/hello_world/app.dart' as HelloWorldApp; import 'package:examples/hello_world/app.dart' as HelloWorldApp;
import 'package:reflection/reflection_capabilities.dart';
import 'package:reflection/reflection.dart';
// TODO(rado): templatize and make reusable for all examples. // TODO(rado): templatize and make reusable for all examples.
main() => HelloWorldApp.main(); main() {
// enable mirrors and reflection.
// see static_app.js for an example of a static app.
reflector.reflectionCapabilities = new ReflectionCapabilities();
HelloWorldApp.main();
}

4
modules/examples/web/main_static.dart Normal file
View File

@ -0,0 +1,4 @@
import 'packages/examples/hello_world/static_app.dart' as HelloWorldApp;
// TODO(rado): templatize and make reusable for all examples.
main() => HelloWorldApp.main();