javascript - example - Angular: ng-change no se dispara cuando se cambia ng-model

ng model dynamic name angular 4

Question

La entrada es la siguiente:

<input type="text" ng-model="repair.test"  ng-change="action()" />

La action() se ejecuta cuando escribo manualmente y cambio la entrada. Sin embargo, si cambio el valor de repair.test por alguna otra función mediante programación, no se activará la acción de ng-change. He leído el tutorial angular y probablemente sea el comportamiento esperado.

https://docs.angularjs.org/api/ng/directive/ngChange

"La expresión no se evalúa cuando el cambio de valor proviene del modelo". <- Necesito esto también. ¿Cómo puedo disparar una acción en el controlador, cuando el modelo cambia de alguna manera? (escribiendo en entrada o por cualquier otra función)

Gracias por la ayuda.

Editar:

El valor del modelo es en realidad el form.$valid , que tiene su propio controlador de Formulario a su alrededor (creo), es por eso que utilicé la función de acción para intentar pasar el valor al controlador principal. Así que $scope.$watch en este momento no funciona, solo cuando se inicializa.

Answer 1

La expresión https://docs.angularjs.org/api/ng/directive/ngChange solo se evalúa cuando un cambio en el valor de entrada hace que se https://docs.angularjs.org/api/ng/directive/ngChange un nuevo valor en el modelo.

No será evaluado:

• si el valor devuelto por la tubería de transformación $parsers no ha cambiado
• Si la entrada sigue siendo inválida ya que el modelo permanecerá nulo.
• Si el modelo se cambia mediante programación y no por un cambio en el valor de entrada

Intente crear un observador utilizando $scope.$watch $watch(watchExpression, listener, [objectEquality]); - $watch(watchExpression, listener, [objectEquality]);

Ejemplo

$scope.$watch(''repair.test'', function(newValue, oldValue) {
    // ...
});

Answer 2

Otra solución sería usar una directiva que vigilara el modelo en busca de cambios en lugar de usar ng-change .

app.directive(''onModelChange'', function($parse){
    return {
        restrict: "A",
        require: "?ngModel",
        link: function(scope, elem, attrs, ctrl) {
            scope.$watch(attrs[''ngModel''], function (newValue, oldValue) {
                if (typeof(newValue) === "undefined" || newValue == oldValue) {
                    return;
                }
                var changeExpr = $parse(attrs[''onModelChange'']);
                if (changeExpr) {
                    changeExpr(scope);
                }
            });
        } 
    };
});

Entonces lo usarías así:

<input class="value" type="text" ng-model="myVar" on-model-change="doSomething(myVar)"/>

Answer 3

Puedes usar una función de observador en tu controlador

$scope.$watch(''repair.test'', function() {
    $scope.action();
});

Answer 4

https://docs.angularjs.org/api/ng/directive/ngChange es solo para la entrada, si quieres escuchar al modelo, hazlo así

$scope.$watch(''repair.test'', function(newvalue,oldvalue) {

            });