2b34c88b69
BREAKING CHANGE:
- Renderer:
* renderComponent method is removed form `Renderer`, only present on `RootRenderer`
* Renderer.setDebugInfo is removed. Renderer.createElement / createText / createTemplateAnchor
now take the DebugInfo directly.
- Query semantics:
* Queries don't work with dynamically loaded components.
* e.g. for router-outlet: loaded components can't be queries via @ViewQuery,
but router-outlet emits an event `activate` now that emits the activated component
- Exception classes and the context inside changed (renamed fields)
- DebugElement.attributes is an Object and not a Map in JS any more
- ChangeDetectorGenConfig was renamed into CompilerConfig
- AppViewManager.createEmbeddedViewInContainer / AppViewManager.createHostViewInContainer
are removed, use the methods in ViewContainerRef instead
- Change detection order changed:
* 1. dirty check component inputs
* 2. dirty check content children
* 3. update render nodes
Closes #6301
Closes #6567
41 lines
1006 B
Dart
41 lines
1006 B
Dart
library hello_world.index;
|
|
|
|
import "package:angular2/platform/browser.dart"
|
|
show AngularEntrypoint, bootstrap;
|
|
import "package:angular2/core.dart"
|
|
show Component, Directive, ElementRef, Injectable, Renderer;
|
|
|
|
@AngularEntrypoint("Hello World Entrypoint")
|
|
main() {
|
|
bootstrap(HelloCmp);
|
|
}
|
|
|
|
@Injectable()
|
|
class GreetingService {
|
|
String greeting = "hello";
|
|
}
|
|
|
|
@Directive(selector: "[red]")
|
|
class RedDec {
|
|
RedDec(ElementRef el, Renderer renderer) {
|
|
renderer.setElementStyle(el.nativeElement, "color", "red");
|
|
}
|
|
}
|
|
|
|
@Component(
|
|
selector: "hello-app",
|
|
viewProviders: const [GreetingService],
|
|
template:
|
|
'''<div class="greeting">{{greeting}} <span red>world</span>!</div>
|
|
<button class="changeButton" (click)="changeGreeting()">change greeting</button>''',
|
|
directives: const [RedDec])
|
|
class HelloCmp {
|
|
String greeting;
|
|
HelloCmp(GreetingService service) {
|
|
this.greeting = service.greeting;
|
|
}
|
|
void changeGreeting() {
|
|
this.greeting = "howdy";
|
|
}
|
|
}
|