Angular2动态组件

Question

我使用Angular 2 + TypeScript。正在进行中添加angular2-busy。

对于这个库我需要包含angular2-dynamic-component，但我不知道我必须用它做什么。

这是错误

这是应用模块

import {BusyModule} from 'angular2-busy/build/src';
import {DynamicComponentModule} from 'angular2-dynamic-component'

@NgModule({
imports: [        
    BusyModule,
    DynamicComponentModule
],

有什么问题以及如何解决？

更新 的 angular2忙/ busy.component.js

BusyComponent = __decorate([
    core_1.Component({
        selector: 'ng-busy',
        template: "\n        <div [class]=\"wrapperClass\" *ngIf=\"isActive()\" @flyInOut>\n            <DynamicComponent [componentTemplate]=\"template\" [componentInputData]=\"context\">\n            </DynamicComponent>\n        </div>\n    ",
        animations: [
            core_1.trigger('flyInOut', [
                core_1.transition('void => *', [
                    inactiveStyle,
                    core_1.animate(timing)
                ]),
                core_1.transition('* => void', [
                    core_1.animate(timing, inactiveStyle)
                ])
            ])
        ]
    }), 
    __metadata('design:paramtypes', [promise_tracker_service_1.PromiseTrackerService])
], BusyComponent);
return BusyComponent;

这是出现错误的地方。

Answer 1

之前我也遇到过这个问题，我通过删除以下内容解决了这个问题：

<DynamicComponent [componentTemplate]=\"template\" [componentInputData]=\"context\">\n            </DynamicComponent>\n        </div>\n