ElementRef изменилось после того, как событие щелчка

мой сценарий выглядит следующим образом: У меня есть 3 компонента: MainComponent, Componenta, ComponentBElementRef изменилось после того, как событие щелчка

MainComponent является dymamic загрузка Componenta. Componenta есть кнопка, которая OnClick вызова MainComponent.addComponent (ComponentB)

export class MainLayout 
    { 
    constructor(private dcl: DynamicComponentLoader,private elementRef:ElementRef) { 
    ///this will work fine 
    this.dcl.loadIntoLocation(ComponentA,elementRef); 
    } 


    addComponent(component:Type) { 
    ///this will fail 
     this.dcl.loadIntoLocation(component, this.elememtRef,'child1'); 
    } 
}

Ошибка я получаю: Вы можете видеть, что ошибка формируют объект elementRef ....

Uncaught EXCEPTION: Error during evaluation of "click" ORIGINAL EXCEPTION: TypeError: Cannot read property '_view' of undefined ORIGINAL STACKTRACE: TypeError: Cannot read property '_view' of undefined at Object.internalView (http://localhost:63342/decisionApp/decision-modeling-ui/node_modules/angular2/bundles/angular2.dev.js:6236:19) at AppViewManager_.getNamedElementInComponentView (http://localhost:63342/decisionApp/decision-modeling-ui/node_modules/angular2/bundles/angular2.dev.js:11240:33) at DynamicComponentLoader_.loadIntoLocation (http://localhost:63342/decisionApp/decision-modeling-ui/node_modules/angular2/bundles/angular2.dev.js:14547:62) at MainLayout.resolveComponent (http://localhost:63342/decisionApp/decision-modeling-ui/app/playground/ui-composition/mainLayout.js:32:18) at ComponentsList.onClick (http://localhost:63342/decisionApp/decision-modeling-ui/app/playground/ui-composition/ComponentsList.js:25:20)

источник

2016-01-11 almog

Зачем использовать глобальный var? Вы проезжаете и возвращаетесь к компоненту между ними? –

Я изменил свой вопрос, чтобы быть более ясным ... – almog

Видели ли вы, что у вас есть опечатка? 'this.elememtRef'! =' this.elementRef' –

Хорошо, я понял, Причина, по которой у меня были разные объекты, - это установить поставщиков: [MainComponent] в конфигурации ComponenetA. это создало для меня новый экземпляр MainComponent. и, следовательно, новый экземпляр ElementRef, который был введен в конструктор.

источник

2016-01-11 11:32:26 almog

Ваше описание не очень понятно, потому что вы не сообщаете нам сообщение об ошибке и некоторые другие вещи о ваших компонентах. Поэтому я могу только догадываться:

Что-то из компонента, this.elememtRef, 'child1' нет в то время, когда вы вызываете addComponent, и поэтому он не сработает? Может быть, ComponentA еще не загружен полностью? Я также предполагаю, что «компонент» означает ComponentB?

источник

2016-01-11 09:50:50 PowerStat

ElementRef изменилось после того, как событие щелчка

ответ

Смежные вопросы