Toggle-Radiobutton Wert in AngularJS

Ich habe zwei Radiobutton, ich brauche ihre Werte wechseln basierend auf zum Beispiel der Überprüfung Wert von a auf TRUE konvertieren, wenn sie überprüfen und Sollwert von B auf FALSCH und umgekehrtToggle-Radiobutton Wert in 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>

Gibt es eine dynamische warum in eckigen das zu tun?

Quelle

2017-02-19 Yosra Nagati

Sind sie mit jedem im Zusammenhang andere, wenn ja, warum zwei verschiedene ng-Modelle – nivas

@nivas, weil ich brauche Diese beiden Werte separat –

Nur Vorschlag zuerst müssen Sie Radiobuttons verstehen, sie sind nur Multi-Choice, aber Sie müssen nur einen Wert wählen, wenn sie miteinander verknüpft sind siehe Beispiel hier, https://docs.angularjs.org/api/ng/ Eingabe/Eingabe% 5Bradio% 5D wenn Sie zwei Werte benötigen, müssen sie nicht miteinander verwandt sein – nivas

können Sie verwenden ng-true-value und ng-false-Wert

<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>

Quelle

2017-02-19 10:27:01 digit

es funktioniert wahrscheinlich nicht, ich denke, ng-wahr-Wert und ng-true-false ist mit Checkbox verbunden –

unten Code Versuchen Sie es Ihr Problem löst ersetzen Sie einfach <input> mit <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>

Quelle

2017-02-19 13:25:36 nivas

Toggle-Radiobutton Wert in AngularJS

Antwort

Verwandte Themen