Конфликт кнопок Angular и Bootstrap при редактировании формы

0

Я не могу установить автоматическую радиокнопку, когда я редактирую User From, используя следующий код Html и AngularJs. Когда я консоль {{changeUser}} это возвращает следующие данные

{"id":1,"username":"Ramesh","password":"Ramesh1@23","role":"admin","active":"no"}. Когда я загружаю форму редактирования, я должен автоматически проверять no переключателя в следующем коде.

      <div class="portlet-body form">
            <!-- BEGIN FORM-->
            <form class="form-horizontal form-bordered" name="editUserForm" data-ng-submit="userEdit(changeUser)">
                <div class="form-body">
                    <div class="form-group">
                        <label class="control-label col-md-3">Username*</label>
                        <div class="col-md-4">
                            <input class="form-control" type="text" name="userName" data-ng-model="changeUser.username"  value="{{ changeUser.username }}" data-ng-pattern="/^[a-z0-9_ .-]{5,15}$/i" required  />
                            <span style="color:red" class="error" data-ng-show="editUserForm.userName.$error.pattern" >Only letters, integers, and underscores.Minimum 5 characters to maximum 15 characters.</span>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Password*</label>
                        <div class="col-md-4">
                            <input class="form-control"  type="password" name="changePassword" data-ng-model="changeUser.password" value="{{  changeUser.password}}" data-ng-pattern="usersPattern.password" required />
                            <span style="color:red" class="error" data-ng-show="editUserForm.changePassword.$error.pattern">Minimum of 8 characters, 1 capital letter,1 lowercase, 1 special-case and 1 numeric.</span>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <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>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <button type="submit" class="btn purple" data-ng-disabled= "editUserForm.$invalid">
                                    <i class="fa fa-check"></i> Edit</button>
                                <button type="button" class="btn red" data-ng-click="cancelEdit()">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
            <!-- END FORM-->
        </div>
    </div>
</div>

Контроллер

   (function (){

"use strict";

function UsersEditController($scope, UserFactory, $http, $location) {
    $scope.$on('$viewContentLoaded', function () {
        App.initAjax(); // initialize core components

    });
    $scope.changeUser = {};
    $scope.changeUser =  UserFactory.get();
    $scope.userEdit =  function(data) {
      $scope.changeUser = data;
        console.log($scope.changeUser);

    };

    $scope.usersPattern = {
        password: '((?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%]).{8,20})'

    };
    $scope.cancelEdit = function() {
        $location.path('users');
    };


}

UsersEditController.$inject = ['$scope', 'UserFactory', '$http', '$location'];

  angular.module('books').controller('UsersEditController', UsersEditController);

     })()
  • 0
    добавить также код JS
Теги:

1 ответ

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

И я думаю, это ваш ответ (даже без js-кода) :)

qaru.site/questions/35289/...

Вам нужно добавить ng-value и использовать его вместо стандартного value

  • 0
    Я изменяю на ng-значение, но все еще не проверял переключатель, но верное значение возвращается, когда я сделал консоль.
  • 0
    Я думаю, что вам нужно и ng-value и ng-model
Показать ещё 6 комментариев

Ещё вопросы

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