Proper way to show/hide components?

I’ve searched the docs fairly extensively but haven’t found anything on this. Is there a “Right Way” to programmatically hide and show components?

I’ve tried using:

let myComponent = form.getComponent('componentName');

// To hide:
myComponent.component.hidden = true;

// And to show:
myComponent.component.hidden = false;

While this works for hiding a component, I’m having some trouble with showing it later on. Sadly a jsfiddle reproduction doesn’t work; it shows there just fine, so there must be something about my scenario that’s more complicated.

Is there another, or better, way of hiding and showing a component?

[marcus-at-localhost]

I’m not a 100% sure, but could it be that you need to trigger a redraw? There must be a redraw() function or triggerRedraw() somewhere on some object…

[randallknutson]

I don’t have a good example of this and tried to do it yesterday. Looks like in the ngFormio library we are just manually calling formLoad. https://github.com/formio/ngFormio/blob/master/src/directives/formio.js#L56-L61

You can probably do something like this where you just set the form again after the promise resolves.