Setter for a dynamic component property Angular 2

Question

I am working with Dynamic component creating ( resolveComponentFactory ) so it's working good with static @Input() properties. But for dynamic setter it isn't working.

I can't do that this.componentReference.instance[myPropVar]= someValue with setter that created inside component.

Is it possible? Thanks!

property setter in my dynamic component is:

 @Input() set lockMessage(val: any) {
    if (val) {
      console.log("Visit details -> ", val);

    }
  }

it is the same like in that post Angular 2 dynamic component creation

but I want to add some property which have setter to my dynamically created component.

P.S. yes. I tried to set my property to dynamic component with that construction

  /**
     * public updateSingleComponentProp -> update single prop on component instance
     * @param prop {string} -> property name
     * @param val {any} -> property value
     * @returns {void}
     */
    public updateSingleComponentProp(prop: string, val: any): void {
        let compInstance = this.componentReference.instance;

      compInstance[prop] = val;

        if (compInstance.hasOwnProperty(prop) || compInstance.hasOwnProperty('_' + prop))
            compInstance[prop] = val;
        else
            throw new Error("Component doesn't have this property -> " + prop);

    }

and it throws an error because that property doesn't exists. I checked the component instance and that setter exists in prototype

Could you give a [mcve] that demonstrates what you're trying to do? — jonrsharpe, Nov 15 '16 at 16:05
I don't see why this would be a problem. `myPropVar` is a string that matches the name of the property (`lockMessage`), right? You don't need `@Input()` if you access it only imperatively. Do you get an error message? — Günter Zöchbauer, Nov 15 '16 at 16:06
Can you try what happens if you make the setter a function and use it like `this.componentReference.instance[myPropVar](someValue)` — Günter Zöchbauer, Nov 15 '16 at 16:12
Component doesn't have this property lockMessage (because it is in prototype setter) — Velidan, Nov 15 '16 at 16:12
I tried to use compInstance = this.componentReference.instance **compInstance[prop](val);** and I got an error: **TypeError: compInstance[prop] is not a function(…)** — Velidan, Nov 15 '16 at 16:15
`hasOwnProperty` doesn't work if you just have `public myPropVar: string;` inside your component. The property isn't initialised yet, so it will always return false in runtime. — Poul Kruijt, Nov 15 '16 at 16:28
yes, I know that. So I just tried to do all stuff that was described above without validations. — Velidan, Nov 15 '16 at 16:37
If nobody knows a correct answer so I'll try to do it via rx.j services. Thanks everybody — Velidan, Nov 15 '16 at 17:04

Setter for a dynamic component property Angular 2

0 Answers0