Показать сообщение отдельно
  #1 (permalink)  
Старый 07.12.2017, 12:20
Интересующийся
Отправить личное сообщение для One_Two Посмотреть профиль Найти все сообщения от One_Two
 
Регистрация: 20.11.2017
Сообщений: 10

ng-checked срабатывает один раз
Всем привет!

Делаю простой пример с радио-кнопками и отправляю их значение в массив.
Подскажите пожалуйста, почему ng-checked у радио-кнопки срабатывает 1 раз? После того как отправляю значение, ng-ckecked по дефолту не ставится.

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <title>Modal</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <script>
      angular.module('myApp', []);
      angular.module('myApp').controller('myCtrl', function($scope) {
        $scope.arrs = [];
        $scope.add = function(){
          $scope.arrs.push({radio:$scope.radioVal});
          $scope.radioVal = '';
        };
        console.log($scope.arrs);
      });
    </script>
  </head>

  <body ng-controller="myCtrl">
    <div>
      <button ng-click="showBlock = ! showBlock">Кнопка</button>
    </div>
    <div ng-show="showBlock">
      <input type="radio" ng-model="radioVal" value="def" ng-checked="true"><span>Дефолт</span><br>
      <input type="radio" ng-model="radioVal" value="1"><span>1</span><br>
      <input type="radio" ng-model="radioVal" value="2"><span>2</span><br>
      <button ng-click="add()">Отправить</button>
    </div>
  </body>

</html>

Последний раз редактировалось One_Two, 07.12.2017 в 12:38.
Ответить с цитированием