12eb19fa3c
update docshredder to shred .es6 optimized focus gulp task convert imports and metadate sections add DI section add host and query metadata section add intro fix capitalization and grammar
48 lines
899 B
TypeScript
48 lines
899 B
TypeScript
import {
|
|
Attribute,
|
|
Component,
|
|
Inject,
|
|
Optional,
|
|
NgModule
|
|
} from '@angular/core';
|
|
import { BrowserModule } from '@angular/platform-browser';
|
|
|
|
// #docregion
|
|
@Component({
|
|
selector: 'hero-title',
|
|
template: `
|
|
<h1>{{titlePrefix}} {{title}}</h1>
|
|
<button (click)="ok()">OK</button>
|
|
<p>{{ msg }}</p>
|
|
`
|
|
})
|
|
class TitleComponent {
|
|
private msg: string = '';
|
|
constructor(
|
|
@Inject('titlePrefix') @Optional() private titlePrefix: string,
|
|
@Attribute('title') private title: string
|
|
) { }
|
|
|
|
ok() {
|
|
this.msg = 'OK!';
|
|
}
|
|
}
|
|
// #enddocregion
|
|
|
|
@Component({
|
|
selector: 'hero-di-inject-additional',
|
|
template: `<hero-title title="Tour of Heroes">
|
|
</hero-title>`
|
|
})
|
|
class AppComponent { }
|
|
|
|
@NgModule({
|
|
imports: [ BrowserModule ],
|
|
declarations: [
|
|
AppComponent,
|
|
TitleComponent
|
|
],
|
|
bootstrap: [ AppComponent ]
|
|
})
|
|
export class HeroesDIInjectAdditionalModule { }
|