Не удалось отключить флажок выбора в соответствии с установленным флажком Angular.js - PullRequest
Новая
       11

Не удалось отключить флажок выбора в соответствии с установленным флажком Angular.js

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

Не удалось отключить поле, если флажок установлен или не используется Angular.js.Я объясняю свой код ниже. 

<div class="col-md-4">
            <div class="form-group">
                <label>Status</label>
                <select class="form-control" name="status"  id="status" ng-model="status" ng-disbaled="!$scope.ochkpancard && !$scope.ochkadhar">
                <option value="">Select Status</option>
                <option value="1">Yes</option>
                <option value="0">No</option>
                </select>
            </div>
        </div> 
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkpancard" type="checkbox" ng-model="ochkpancard" /> Pancard</label>
                    </div>
                </div>
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkadhar" type="checkbox" ng-model="ochkadhar" /> Aadhar Card</label>
                    </div>
                </div>

Здесь мне нужно, когда флажок не установлен, флажок выбора останется отключенным, а когда флажки будут установлены, флажок выбора будет включен.

1 Ответ

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

Вот рабочий код: 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<div class="col-md-4">
            <div class="form-group">
                <label>Status</label>
                <select class="form-control" name="status"  id="status" ng-model="status" ng-disabled="!(ochkpancard && ochkadhar)">
                <option value="">Select Status</option>
                <option value="1">Yes</option>
                <option value="0">No</option>
                </select>
            </div>
        </div> 
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkpancard" type="checkbox" ng-model="ochkpancard" /> Pancard</label>
                    </div>
                </div>
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkadhar" type="checkbox" ng-model="ochkadhar"/> Aadhar Card</label>
                    </div>
                </div>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    
});
</script>

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

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

...