AngularJS - Auslösen, wenn Optionsfeld ausgewählt ist

Habe ich gesucht und versucht, viele ng-xxxx Art der Optionen, konnte aber nicht finden, die ein..
Ich will einfach nur, um eine Funktion im controller, wenn dieser radio button ausgewählt ist.

So könnte es ähnlich sein, die folgenden..(natürlich, der code unten funktioniert nicht)

<input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/>

Gibt es eine Möglichkeit, das zu erreichen, was ich will?

InformationsquelleAutor der Frage MomentH | 2012-10-25

  1. 222

    Gibt es mindestens 2 verschiedene Methoden des Aufrufs von Funktionen auf radio-button-Auswahl:

    1) Mit ng-change Richtlinie: 

    <input type="radio" ng-model="value" value="foo" ng-change='newValue(value)'>

    anschließend in einem controller:

    $scope.newValue = function(value) {
     console.log(value);
}

    Hier ist das jsFiddle: http://jsfiddle.net/ZPcSe/5/

    2) Beobachten Sie das Modell für Veränderungen. Dies erfordert nicht etwas besonderes auf der input-Ebene:

    <input type="radio" ng-model="value" value="foo">

    aber in einem controller hätte man:

    $scope.$watch('value', function(value) {
       console.log(value);
 });

    Und das jsFiddle: http://jsfiddle.net/vDTRp/2/

    Wissen mehr über Ihre Nutzung Fall helfen würde vorschlagen, die eine angemessene Lösung.

    InformationsquelleAutor der Antwort pkozlowski.opensource

  2. 17

    Verwenden sollten ngChange statt ngClick, wenn die trigger-Quelle ist nicht von der klicken Sie auf.

    Ist das unten, was Sie wollen ? was genau nicht funktioniert, in Ihrem Fall ? 

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

function MyCtrl($scope) {
    $scope.value = "none" ;
    $scope.isChecked = false;
    $scope.checkStuff = function () {
        $scope.isChecked = !$scope.isChecked;
    }
}


<div ng-controller="MyCtrl">
    <input type="radio" ng-model="value" value="one" ng-change="checkStuff()" />
    <span> {{value}} isCheck:{{isChecked}} </span>
</div>

    InformationsquelleAutor der Antwort maxisam

  3. 2

    ich lieber mit ng-Wert mit ng-if
    [ng-Wert] handle trigger änderungen 

    <input type="radio"  name="isStudent" ng-model="isStudent" ng-value="true" />

//to show and hide input by removing it from the DOM, that's make me secure from malicious data

<input type="text" ng-if="isStudent"  name="textForStudent" ng-model="job">

    InformationsquelleAutor der Antwort Hisham

  4. 2

    Für dynamische Werte!

    <div class="col-md-4" ng-repeat="(k, v) in tiposAcesso">
    <label class="control-label">
        <input type="radio" name="tipoAcesso" ng-model="userLogin.tipoAcesso" value="{{k}}" ng-change="changeTipoAcesso(k)" />              
        <span ng-bind="v"></span>
    </label>
</div>

    controller

    $scope.changeTipoAcesso = function(value) {
    console.log(value);
};

    InformationsquelleAutor der Antwort Gleidosn

  5. 1

    Ein weiterer Ansatz ist die Nutzung von Object.defineProperty zu setzen valueals eine getter-setter-Eigenschaft im Bereich der Steuerung, dann wird jede änderung, die auf die value-Eigenschaft löst eine bestimmte Funktion in den setter:

    Die HTML-Datei:

    <input type="radio" ng-model="value" value="one"/>
<input type="radio" ng-model="value" value="two"/>
<input type="radio" ng-model="value" value="three"/>

    Die javascript-Datei:

    var _value = null;
Object.defineProperty($scope, 'value', {
  get: function () {
    return _value;
  },         
  set: function (value) {
    _value = value;
    someFunction();
  }
});

    sehen diese plunker für die Umsetzung

    InformationsquelleAutor der Antwort Leon Plata

  6. -1
     <form name="myForm" ng-submit="submitForm()">
   <label data-ng-repeat="i in [1,2,3]"><input type="radio" name="test" ng-model="$parent.radioValue" value="{{i}}"/>{{i}}</label>
   <div>currently selected: {{radioValue}}</div>
   <button type="submit">Submit</button>
</form>

    InformationsquelleAutor der Antwort saktiprasad swain

Schreibe einen Kommentar