Tengo esta forma muy simple:

<div ng-app>
  <div ng-controller="Ctrl">
    <form>
      <input type="text" value="" onchange="angular.element(this).scope().change(this)" />
      <br />
      <input type="submit" name="button1" value="{{text}}" />
    </form>
  </div>
</div>

Y esta JS:

function Ctrl($scope) {
  $scope.text = "New";
  $scope.change = function (element) {
    $scope.text = element.value;
    $scope.$apply();
  }
}

jsfiddle

Actualmente, el botón value se actualiza cuando salgo del campo de texto. ¿Cómo puedo cambiar el botón value mientras el usuario escribe?

0
dee 2 sep. 2014 a las 18:55

2 respuestas

La mejor respuesta

No hay necesidad de reinventar la rueda, solo use directiva ng-model :

<input type="text" ng-model="text" />

DEMO: http://jsfiddle.net/d28L8bc9/1/

4
VisioN 2 sep. 2014 a las 14:57

Html:

<div ng-app>
  <div ng-controller="Ctrl">
    <form>
      <input type="text" value="" ng-model="text" />
      <br />
      <input type="submit" name="button1" value="{{text}}" />
    </form>
  </div>
</div>

Js:

function Ctrl($scope) {
  $scope.text = "New";
}
2
Wawy 2 sep. 2014 a las 14:57