$ npm install --save angular2-component-outlet
Current Angular Version: 2.0.2
Live Demo: Plunker
ComponentOutlet
is a directive to create dynamic component.
Example:
@Component({
selector: 'my-app',
template: `
<div *componentOutlet="template; context: self; selector:'my-component'"></div>
`
})
export class AppComponent {
self = this;
template = `
<div>
<p>Dynamic Component</p>
</div>`;
}
@NgModule({
providers: [
provideComponentOutletModule({
imports: [CommonModule]
})
],
declarations: [ComponentOutlet]
})
class AppModule {}
Result:
<my-app>
<my-component>
<div>
<p>Dynamic Component</p>
</div>
</my-component>
</my-app>
ComponentOutlet
needs RuntimeCompiler
provided by platform-browser-dynamic
. You cannot use platformBrowser
instead of platformBrowserDynamic
.
platformBrowserDynamic().bootstrapModuleFactory()
.