Breaking News: Grepper is joining You.com. Read the official announcement!

Angular - dynamically set model property of object bound to radio button based on its state

omostan answered on May 26, 2020 Popularity 3/10 Helpfulness 1/10

answer Angular - dynamically set model property of object bound to radio button based on its state

Angular - dynamically set model property of object bound to radio button based on its state

Comment

function setTrueFalseRadioState(answer) {
     angular.forEach(vm.files, function (a) {
        if (a.IsMyChoice !== answer.IsMyChoice) {
            a.IsMyChoice = false;
        }
     });
 };

 vm.setTrueFalseRadioState = setTrueFalseRadioState;


I discovered that if you want to send the object data to the backend server, you need to set the ng-value to its index
  
  <input type="radio"
         id="isChoice_{{$index + 1}}"
         name="response"
         ng-value="{{$index + 1}}"
         ng-required="!file.IsMyChoice"
         ng-change="get.setTrueFalseRadioState(file)"
         data-ng-model="file.IsMyChoice" />

and the use javascript to check the values like:

  if (file.IsMyChoice !== undefined) {
     file.IsMyChoice !== false ?
     file.IsMyChoice = 'true' : file.IsMyChoice = 'false';
  }

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular javascript model object radio-button set state

Link to this answer
Share Copy Link

Contributed on May 26 2020

omostan

0 Answers Avg Quality 2/10

Angular - dynamically set model property of object bound to radio button based on its state

Contents

More Related Answers

Angular - dynamically set model property of object bound to radio button based on its state

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.