2017-02-19 7 views
0

Я два Радиокнопка, мне нужно, чтобы переключить их значения на основе проверки , например преобразовывают значение а ИСТИНА, если проверить его и установить значение B в FALSE и наобороттумблер значение кнопки радио в AngularJs

<ion-radio ng-model="form.Domistric" value="1" ng-value="!form.International">Domestic</ion-radio><br /> 
<ion-radio ng-model="form.International" value="0" ng-value="!form.Domistric">International</ion-radio> 

Есть ли динамические причины для углового?

+0

Являются ли они связаны между собой другое, если да, то почему две разные ng-модели – nivas

+0

@nivas, потому что мне нужно эти два значения отдельно –

+0

Просто сначала предложите понять радиокнопки, они просто многообразны, но вам нужно выбрать только одно значение, если они взаимосвязаны, см. пример здесь, https://docs.angularjs.org/api/ng/ input/input% 5Bradio% 5D, если вам нужны два значения, они не должны быть связаны друг с другом. – nivas

ответ

2

Вы можете использовать ng-true-value и нг-ложь значение

<ion-radio ng-model="form.Domistric" ng-true-value="!form.International" ng-false-value="form.International">Domestic</ion-radio><br /> 
<ion-radio ng-model="form.International" ng-true-value="!form.Domistric" ng-false-value="form.Domistric">International</ion-radio> 
+0

Это не работает, возможно, я думаю, что ng-true-value и ng-true-false связаны с флажком –

0

Попробуйте ниже код он решает проблему просто заменить <input> с <ion-checkbox> </ion-checkbox>

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

 
app.controller('MainCtrl', function ($scope) { 
 
    $scope.form = {}; 
 
    $scope.changeD = function() { 
 
    $scope.form.International = false; 
 
    } 
 
    $scope.changeI = function() { 
 
    $scope.form.Domistric = false; 
 
    } 
 
});
<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    </head> 
 
    <body ng-controller="MainCtrl"> 
 
    <input type="checkbox" ng-model="form.Domistric" ng-change="changeD()" />Domestic 
 
    <input type="checkbox" ng-model="form.International" ng-change="changeI()" />International 
 
    </body> 
 
    <p>Domestic: {{form.Domistric}}</p> 
 
    <p>International: {{form.International}}</p> 
 
</html>

Смежные вопросы