AngularJS ng-change ohje

AngularJS-viittausohjeet

Määrittely ja käyttö

ng-change Ohje kertoo AngularJS:lle, mitä toimintoa suorittaa, kun HTML-elementin arvo muuttuu.

ng-change Ohje vaatii olemassaolleen ng-model ohjeet.

AngularJS:ssä ng-change Ohje ei korvaa elementin alkuperäistä onchange-tapahtumaa,ng-change Ilmentymä ja alkuperäinen onchange-tapahtuma suoritetaan molemmat.

ng-change Tapahtuma käynnistyy aina, kun arvo muuttuu. Se ei odota, että kaikki muutokset ovat valmiita tai että tekstikenttä menettää fokuksen.

ng-change Tapahtuma käynnistyy vain, kun HTML-elementin arvo todella muuttuu, ei JavaScriptin kautta suoritetu muutoksia.

Esimerkki

Kun tekstikentän arvo muuttuu, suoritetaan funktio:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Syötekenttä on muuttunut {{count}} kertaa.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Kokeile itse

syntaksi

<element ng-change="expression</element>

tukee <input>、<select> ja <textarea>.

Parametrit

Parametrit Kuvaus
expression Suoritettava lause, kun elementin arvo muuttuu.

AngularJS-viittausohjeet