Skip to main content
Se muestra ejemplo con ng-model-options="{updateOn: 'submit'}"
Origen Enlace
Dan
  • 191
  • 5

Con ngModelOptions puedes usar ng-model-options="{updateOn: 'submit'}" para actualizar el valor cuando uses un <form>.

<form name="usuarioForm" ng-submit="guardarsubmit="save(usuario)">
  <label for="name">Nombre:</label>
  <input id="name" ng-model="usuario"model="user.name" ng-model-options="{updateOn: 'submit'}">
  <button<input type="submit">Modificar</button>type="submit" value="Save">
</form>

O si no algo como esto:

angular
  .module('ExampleApp''App', [])
  .controller('ExampleController''AppCtrl', function($scope) {
    $scope.usuariouser = { name: '' };
    $scope.actualizarsave = function(usuarioTmp) {
    $scope  console.log("Guardando usuario.nombre: =", usuarioTmp$scope.nombre;user);
    }
  });
<div<body ng-app="ExampleApp">app="App">
      <div ng-controller="ExampleController">
        <label>Name:
          <input type="text" name="nombre"controller="AppCtrl">
              <form ng-model="usuarioTmp.nombre"/>submit="save()">
       <label for="name">Nombre:</label>
       <input <buttonid="name" ng-click="actualizar(usuarioTmp)">Actualizar</button>
       model="user.name" <brng-model-options="{updateOn: />'submit'}">
        <pre>usuarioTmp.nombre<input =type="submit" <span>{{usuarioTmp.nombre}}</span></pre>value="Save">
        <pre>usuario.nombre = <span>{{usuario.nombreuser}}</span></pre>
      </div>form>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.26.232/angular.min.js"></script>
</body>


Editada: Se ejemplo usando ng-model-options="{updateOn: 'submit'}"

Con ngModelOptions puedes usar ng-model-options="{updateOn: 'submit'}" para actualizar el valor cuando uses un <form>.

<form name="usuarioForm" ng-submit="guardar(usuario)">
  <input ng-model="usuario" ng-model-options="{updateOn: 'submit'}">
  <button type="submit">Modificar</button>
</form>

O si no algo como esto:

angular.module('ExampleApp', [])
.controller('ExampleController', function($scope) {
  $scope.usuario = {};
  $scope.actualizar = function(usuarioTmp) {
    $scope.usuario.nombre = usuarioTmp.nombre;
  }
});
<div ng-app="ExampleApp">
      <div ng-controller="ExampleController">
        <label>Name:
          <input type="text" name="nombre"
               ng-model="usuarioTmp.nombre"/>
        </label>
        <button ng-click="actualizar(usuarioTmp)">Actualizar</button>
        <br />
        <pre>usuarioTmp.nombre = <span>{{usuarioTmp.nombre}}</span></pre>
        <pre>usuario.nombre = <span>{{usuario.nombre}}</span></pre>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

Con ngModelOptions puedes usar ng-model-options="{updateOn: 'submit'}" para actualizar el valor cuando uses un <form>.

<form ng-submit="save()">
  <label for="name">Nombre:</label>
  <input id="name" ng-model="user.name" ng-model-options="{updateOn: 'submit'}">
  <input type="submit" value="Save">
</form>

O si no algo como esto:

angular
  .module('App', [])
  .controller('AppCtrl', function($scope) {
    $scope.user = { name: '' };
    $scope.save = function() {
      console.log("Guardando usuario: ", $scope.user);
    }
  });
<body ng-app="App">
  <div ng-controller="AppCtrl">
    <form ng-submit="save()">
      <label for="name">Nombre:</label>
      <input id="name" ng-model="user.name" ng-model-options="{updateOn: 'submit'}">
      <input type="submit" value="Save">
      {{user}}
    </form>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
</body>


Editada: Se ejemplo usando ng-model-options="{updateOn: 'submit'}"

Origen Enlace
Dan
  • 191
  • 5

Con ngModelOptions puedes usar ng-model-options="{updateOn: 'submit'}" para actualizar el valor cuando uses un <form>.

<form name="usuarioForm" ng-submit="guardar(usuario)">
  <input ng-model="usuario" ng-model-options="{updateOn: 'submit'}">
  <button type="submit">Modificar</button>
</form>

O si no algo como esto:

angular.module('ExampleApp', [])
.controller('ExampleController', function($scope) {
  $scope.usuario = {};
  $scope.actualizar = function(usuarioTmp) {
    $scope.usuario.nombre = usuarioTmp.nombre;
  }
});
<div ng-app="ExampleApp">
      <div ng-controller="ExampleController">
        <label>Name:
          <input type="text" name="nombre"
               ng-model="usuarioTmp.nombre"/>
        </label>
        <button ng-click="actualizar(usuarioTmp)">Actualizar</button>
        <br />
        <pre>usuarioTmp.nombre = <span>{{usuarioTmp.nombre}}</span></pre>
        <pre>usuario.nombre = <span>{{usuario.nombre}}</span></pre>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>