3

Ich arbeite mit Angular 2 + TypeScript. Gerade jetzt im Gange, um angle2-busy hinzuzufügen.Angular2 dynamische Komponente

Für diese Bibliothek muss ich angular2-dynamic-component enthalten, aber ich weiß nicht, was ich damit machen muss.

Dies ist Fehler enter image description here

Dies wird App-Modul

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

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

Was falsch ist und wie man es beheben?

UPDATE angular2-Besetzt/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; 

Hier erscheint der Fehler.

+0

Was "angular2-dynamic-Komponente" ist? –

+0

Was versuchen Sie mit diesem [componentInputData] -Attribut zu erreichen. Unter der Annahme, dass es diese Richtlinie ist, sehe ich kein solches Attribut in https://www.npmjs.com/package/angular2-dynamic-component dokumentiert. –

+0

Ich weiß nicht, warum es nötig ist, aber sonst kann ich angle2-busy nicht einschließen, wenn Sie einige Vorschläge haben, bitte –

Antwort

2

Ich hatte auch dieses Problem vor, und ich beschlossen, es durch das Löschen der folgende:

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

es ist Hack, können wir das nicht tun –