parent
6b37da78e4
commit
234e468d5d
|
@ -388,10 +388,10 @@ block ctor-syntax
|
||||||
We call that property within our `getHeroes` method when anyone asks for heroes.
|
We call that property within our `getHeroes` method when anyone asks for heroes.
|
||||||
|
|
||||||
//- FIXME refer to Dart API when that page becomes available.
|
//- FIXME refer to Dart API when that page becomes available.
|
||||||
- var injMetaUrl = 'https://angular.io/docs/ts/latest/api/core/index/InjectableMetadata-class.html';
|
- var injUrl = '../api/core/index/Injectable-decorator.html';
|
||||||
h3#injectable Why @Injectable()?
|
h3#injectable Why @Injectable()?
|
||||||
:marked
|
:marked
|
||||||
**<a href="#{injMetaUrl}">@Injectable()</a>** marks a class as available to an
|
**<a href="#{injUrl}">@Injectable()</a>** marks a class as available to an
|
||||||
injector for instantiation. Generally speaking, an injector will report an
|
injector for instantiation. Generally speaking, an injector will report an
|
||||||
error when trying to instantiate a class that is not marked as
|
error when trying to instantiate a class that is not marked as
|
||||||
`@Injectable()`.
|
`@Injectable()`.
|
||||||
|
@ -423,8 +423,8 @@ block injectable-not-always-needed-in-ts
|
||||||
We *can* add it if we really want to. It isn't necessary because the
|
We *can* add it if we really want to. It isn't necessary because the
|
||||||
`HeroesComponent` is already marked with `@Component`, and this
|
`HeroesComponent` is already marked with `@Component`, and this
|
||||||
!{_decorator} class (like `@Directive` and `@Pipe`, which we'll learn about later)
|
!{_decorator} class (like `@Directive` and `@Pipe`, which we'll learn about later)
|
||||||
is a subtype of <a href="#{injMetaUrl}">InjectableMetadata</a>. It is in
|
is a subtype of <a href="#{injUrl}">Injectable</a>. It is in
|
||||||
fact `InjectableMetadata` #{_decorator}s that
|
fact `Injectable` #{_decorator}s that
|
||||||
identify a class as a target for instantiation by an injector.
|
identify a class as a target for instantiation by an injector.
|
||||||
|
|
||||||
+ifDocsFor('ts')
|
+ifDocsFor('ts')
|
||||||
|
@ -442,7 +442,7 @@ block injectable-not-always-needed-in-ts
|
||||||
for _every class with at least one decorator_.
|
for _every class with at least one decorator_.
|
||||||
|
|
||||||
While any decorator will trigger this effect, mark the service class with the
|
While any decorator will trigger this effect, mark the service class with the
|
||||||
<a href="#{injMetaUrl}">InjectableMetadata</a> #{_decorator}
|
<a href="#{injUrl}">Injectable</a> #{_decorator}
|
||||||
to make the intent clear.
|
to make the intent clear.
|
||||||
|
|
||||||
.callout.is-critical
|
.callout.is-critical
|
||||||
|
|
|
@ -388,7 +388,7 @@ block ctor-syntax
|
||||||
We call that property within our `getHeroes` method when anyone asks for heroes.
|
We call that property within our `getHeroes` method when anyone asks for heroes.
|
||||||
|
|
||||||
//- FIXME refer to Dart API when that page becomes available.
|
//- FIXME refer to Dart API when that page becomes available.
|
||||||
- var injUrl = 'https://angular.io/docs/ts/latest/api/core/index/Injectable-decorator.html';
|
- var injUrl = '../api/core/index/Injectable-decorator.html';
|
||||||
h3#injectable Why @Injectable()?
|
h3#injectable Why @Injectable()?
|
||||||
:marked
|
:marked
|
||||||
**<a href="#{injUrl}">@Injectable()</a>** marks a class as available to an
|
**<a href="#{injUrl}">@Injectable()</a>** marks a class as available to an
|
||||||
|
|
|
@ -74,7 +74,7 @@ a(id="dependencies")
|
||||||
***@angular/platform-browser*** - Everything DOM and browser related, especially the pieces that help render into DOM.
|
***@angular/platform-browser*** - Everything DOM and browser related, especially the pieces that help render into DOM.
|
||||||
This package also includes the bootstrapStatic method for bootstrapping applications for production builds that pre-compile templates offline.
|
This package also includes the bootstrapStatic method for bootstrapping applications for production builds that pre-compile templates offline.
|
||||||
|
|
||||||
***@angular/platform-browser-dynamic*** - Includes [Providers](https://angular.io/docs/ts/latest/api/core/index/Provider-type-alias.html) and a [bootstrap](https://angular.io/docs/ts/latest/guide/ngmodule.html#!#bootstrap) method for applications that
|
***@angular/platform-browser-dynamic*** - Includes [Providers](../api/core/index/Provider-type-alias.html) and a [bootstrap](ngmodule.html#!#bootstrap) method for applications that
|
||||||
compile templates on the client. Don’t use offline compilation.
|
compile templates on the client. Don’t use offline compilation.
|
||||||
Use this package for bootstrapping during development and for bootstrapping plunker samples.
|
Use this package for bootstrapping during development and for bootstrapping plunker samples.
|
||||||
|
|
||||||
|
|
|
@ -1821,7 +1821,7 @@ a(href="#toc") Back to top
|
||||||
|
|
||||||
.s-why.s-why-last
|
.s-why.s-why-last
|
||||||
:marked
|
:marked
|
||||||
**Why?** Angular allows for an [alternative syntax](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#binding-syntax) `on-*`. If the event itself was prefixed with `on` this would result in an `on-onEvent` binding expression.
|
**Why?** Angular allows for an [alternative syntax](template-syntax.html#!#binding-syntax) `on-*`. If the event itself was prefixed with `on` this would result in an `on-onEvent` binding expression.
|
||||||
|
|
||||||
+makeExample('style-guide/ts/05-16/app/heroes/hero.component.avoid.ts', 'example', 'app/heroes/hero.component.ts')(avoid=1)
|
+makeExample('style-guide/ts/05-16/app/heroes/hero.component.avoid.ts', 'example', 'app/heroes/hero.component.ts')(avoid=1)
|
||||||
:marked
|
:marked
|
||||||
|
|
Loading…
Reference in New Issue