Change component on the fly about ng-dynamic-component HOT 5 CLOSED

Hey there,
I got a similar problem. I want to change the component-variable and render a new one in this tag.
When I am initializing the variable with different components it works fine.

Now I got this changeComponent function, but it is not working.

You can find this project in my repo: https://github.com/maadc/wir-app/blob/master/src/app/viewfield/viewfield.component.ts

import { Component} from '@angular/core';
import { LageplanComponent } from './lageplan/lageplan.component';
import { HomeComponent } from './home/home.component';

@Component({
  selector: 'viewfield',
  template: `<ndc-dynamic [ndcDynamicComponent]="component"></ndc-dynamic>`
})

export class ViewfieldComponent {
  component = HomeComponent;

  changeComponent(){
    this.component = LageplanComponent;
  }
}

from ng-dynamic-component.

If your goal is to change component type to render another component that is totally possible you just need to update the variable passed to ndcDynamicComponent input.

But you have to make sure that change detection is triggered in case your parent components are in OnPush mode.

from ng-dynamic-component.

I tried doing just that and didn't work.

Could you elaborate a little bit on the change detection, or point me in the right direction? This is literally my 2nd day with Angular

from ng-dynamic-component.

Well if you did not explicitly change your change detection for component then there is not point in worrying about that - it should just work.
If you can provide plunkr of what you trying to do it will be more helpful and I then can better understand and help you achieve what you want.

from ng-dynamic-component.

Closing due to inactivity.

from ng-dynamic-component.