Как заполнить Radio Buttons в angularjs из переменной в области и собирать любые изменения в области - PullRequest
Новая
       0

Как заполнить Radio Buttons в angularjs из переменной в области и собирать любые изменения в области

0 голосов
/ 31 мая 2018

Я хотел бы заполнить пару переключателей Да или Нет, используя angularjs.У меня есть одно значение для этого в $ scope, которое называется x.employed.x.employed имеет три возможных значения: null, 'true' и 'false'.Как мне заставить Radio Button отображать значение из x.employed, а затем собирать любые последующие изменения от пользователя. 

<div class="container" ng-repeat="x in FormList" >
<div class="form-group">
    <input type="radio" ng-value="x.employed" ng-model="new.employed" /> Yes &nbsp;
    <input type="radio" ng-value="x.employed" ng-model="new.employed" /> No
</div>

Я также пытался проверить ng, но какЯ понимаю, что это не может быть использовано с NG-модель.Это меня совершенно запутало, может кто-нибудь пролить свет на то, как я поступлю, пожалуйста?

1 Ответ

0 голосов
/ 31 мая 2018

У вас есть пара вопросов.Во-первых, значение (или значение ng) должно быть установлено на значение, связанное с кнопкой, Да или Нет. Во-вторых, для ng-модели должно быть установлено свойство вашего объекта. 

var app = angular.module('sample', []);

app.controller('MainCtrl', function($scope) {
  $scope.FormList = [{
    employed: 'true'
  }, {
    employed: 'false'
  }, {
    employed: null
  }];
});
<html ng-app="sample">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Sample</title>
  <script data-require="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  <link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
</head>

<body ng-controller="MainCtrl">
  <div class="container" ng-repeat="x in FormList">
    <div class="form-group">
      <input type="radio" ng-value="'true'" ng-model="x.employed" /> Yes
      <input type="radio" ng-value="'false'" ng-model="x.employed" /> No
    </div>
  </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...