本文整理匯總了TypeScript中angular2/angular2.DynamicComponentLoader類的典型用法代碼示例。如果您正苦於以下問題：TypeScript DynamicComponentLoader類的具體用法？TypeScript DynamicComponentLoader怎麽用？TypeScript DynamicComponentLoader使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了DynamicComponentLoader類的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: bootstrap
bootstrap(MyAppComponent).then(result => {
var injector: Injector = result.injector;
var loader: DynamicComponentLoader = injector.get(DynamicComponentLoader);
var dict = {
'schedule.html': SchedulePage,
'add.html': AddItemPage
};
OnsTabElement.prototype._createPageElement = function(page, callback) {
if (dict[page]) {
loader.loadIntoNewLocation(dict[page], new ElementRef(result._hostComponent.hostView, 0)).then(componentRef => {
callback(componentRef.location.domElement);
});
}
else {
throw new Error('Page ' + page + ' does not exist.');
}
};
});示例2: constructor
constructor(loader: DynamicComponentLoader, location: ElementRef) {
loader.loadIntoExistingLocation(DummyComponent, location);
}示例3: constructor
constructor(loader: DynamicComponentLoader, location: ElementRef) {
loader.loadNextToLocation(DummyComponent, location);
}示例4: Error
OnsTabElement.prototype._createPageElement = function(page, callback) {
if (dict[page]) {
loader.loadIntoNewLocation(dict[page], new ElementRef(result._hostComponent.hostView, 0)).then(componentRef => {
callback(componentRef.location.domElement);
});
}
else {
throw new Error('Page ' + page + ' does not exist.');
}
};示例5:
.then(component => {
this.loader.loadIntoLocation(component, this.elementRef, 'content')
});示例6:
.then(m => {
loader.loadIntoLocation(provider.provide(m), el, 'content');
});