Angular 2 enable an input box from the component using a checkbox value from template

Question

sorry for the question title, can't figure out a better one.

So, i have this function that is triggered by a checkbox true/false value:

setReward(): void {
const rewardControl = this.myFormLost.get('reward');
if (this.lostRewardCheck === true) {
  rewardControl.setValidators(Validators.required);
  rewardControl.enabled  // WHAT GOES HERE
  this.renderer.invokeElementMethod(this.rewardAmountFocus.nativeElement, 'focus', []);
} else {
  rewardControl.clearValidators();
  this.myFormLost.patchValue({
    reward: ''
  });
}
rewardControl.updateValueAndValidity();
}

How i can enable the 'reward' input box? Default state is disabled, when the user marks check box as true, i don't know how to enable it.

Günter Zöchbauer · Accepted Answer · 2017-01-16 08:30:42Z

1

You can use one of these

this.renderer.setElementProperty(this.rewardAmountFocus.nativeElement, 'enabled', true);
this.renderer.setElementAttribute(this.rewardAmountFocus.nativeElement, 'enabled', 'true');

or set 'disabled', false

See also https://angular.io/docs/ts/latest/api/core/index/Renderer-class.html

edited Jan 16, 2017 at 8:30

answered Jan 16, 2017 at 7:58

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Stathis Ntonas Over a year ago

that worked using setElementProperty, thanks. The this.renderer.setElementAttribute(this.rewardAmountFocus.nativeElement, 'enabled', true); fires a argument of type boolean cannot be assigned to parameter of type string.

Günter Zöchbauer Over a year ago

Sorry, setElementAttribute expects a string (should be 'true')

Collectives™ on Stack Overflow

Angular 2 enable an input box from the component using a checkbox value from template

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related