Welcome to Software Development on Codidact!
Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.
Post History
I want to conditionally disabled or not (enabled) a bunch of reactive form controls. However, I have noticed that neither enable or disable function has a boolean parameter to nicely conditionally ...
#1: Initial revision
by
Alexei
·
2021-03-29T10:51:28Z (over 3 years ago)
How to enable or disable a bunch of reactive form controls?
I want to conditionally disabled or not (enabled) a bunch of reactive form controls. However, I have noticed that neither `enable` or `disable` function has a boolean parameter to nicely conditionally disable a control (this is the solution I have seen in other frameworks to allow this, despite being quite strange to have something like `disable(disabled: boolean)`).
My current solution relies on dynamically invoking `enable` or `disable` function which is not the nicest solution IMO (Typescript is being used to avoid such un-ckeckable scenarios):
disableControls(disable: boolean): void {
const functionName = disable ? "disable" : "enable";
this.form.get("foo")[functionName]();
// other controls come here
}
Any idea if there is an alternative solution that plays nice with TypeScript?