Intento agregar un reloj $ para verificar si el formulario es válido o no.
// pruebaCtrl.html
.... <div class="row" ng-form="testCtrl.testForm"> ... <div class="form-group"> <label>NAME</label> <input class="form-control" id="name" type="text" ng-model="testCtrl.testEdit.displayName" autofocus required /> </div> ...// pruebaCtrl.js
... class TestController { constructor($scope, ... ) { ... } ... canSaveTest() { return this.testForm.$valid; } ...Quiero agregar un observador de esta manera:
$scope.$watch('testForm.$invalid', function(isInvalid) { $scope.disableNextBtn = isInvalid; });Pero no estoy seguro en qué parte del código necesito agregar este observador.
Acabo de agregar validateData para ng-change:
// pruebaCtrl.html ...
<input class="form-control" id="name" type="text" ng-model="testtCtrl.testEdit.displayName" ng-change="testCtrl.validateData()" autofocus required />// pruebaCtrl.js
validateData() { this.disableNextBtn = !this.testForm.$valid; }