AngularJS Изменить проверенное значение переключателя с помощью переменной $ scope

0

Я редактирую User Form. Я отправляю данные с контроллера в представление редактирования, используя объект $scope для редактирования формы. Данные выглядят следующим образом:

        $scope.changeUser = [

          {

                id: 1,
                username: 'Ramesh',
                password: 'Ramesh1@23',
                role: 'admin',
                active: 'no'
            }
    ];
       <div class="form-group">
                        <label class="control-label col-md-3">Action</label>
                        <div class="col-md-4">
                            <div class="radio-list">
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadios2"  data-ng-model="changeUser.active"  value="yes"/>
                                    Yes
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadios2" data-ng-model="changerUser.active" value="no"/>
                                    No
                                </label>
                            </div>
                        </div>

                    </div>

Когда форма редактирования получает {{changeUser.action}} чем, я должен проверить переключатель соответствующим образом. Как будто, когда action=='no' переключатель с именем no должен быть автоматически проверен, как мы это делали, используя checked value=no в html. Я должен написать условия ng-if, видя значение действия.

Теги:

1 ответ

1
Лучший ответ

Вам не хватает индекса массива changeUser в вашей ng-model.

    <div class="form-group">
        <label class="control-label col-md-3">Action</label>
        <div class="col-md-4">
            <div class="radio-list">
                <label class="radio-inline">
                    <input type="radio" name="optionsRadios2" data-ng-model="changeUser[0].active" value="yes" />
                    Yes
                </label>
                <label class="radio-inline">
                    <input type="radio" name="optionsRadios2" data-ng-model="changeUser[0].active" value="no" />
                    No
                </label>
            </div>
        </div>    
    </div>

См. Plnkr

  • 0
    Это не тот ответ, который я ищу. Я спрашиваю о выполнении checked value=no или checked value=yes соответствии со значением, полученным из @scope `action: yes or no '.
  • 0
    @ user3789184 Вышеуказанное решение будет работать. Поскольку angular будет сравнивать значение 'ng-model' со значением, присвоенным радио. В случае соответствия соответствующая радиостанция будет отображаться отмеченной.
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню