Verwendung von mehr als zwei ng-Modellen in einem Eingabefeld

Question

Ist es möglich, mehr als ein ng-Modell in einem Eingabefeld zu haben?

zB: <input ng-model="formData.glCode" ng-model="accNumber" ng-change="accNumber = editAccountNumber(accNumber)"/>

Da alle Eingänge, wo ich diese haben ng-Modell bereits eingestellt anwenden möchten, und ich brauche auch Modellname ng-model="accNumber"

Answer 1

bearbeiten Wenn Sie die Eingabe bearbeiten und Sie versuchen, das Modell mit dem Controller verwendet das gleiche Modell zu binden, die bereits am Eingang vorhanden ist:

<input ng-model="formData.glCode" ng-change="formData.glCode = editAccountNumber(formData.glCode)"/> 

Mögliche doppelten: How to bind 2 models to one input field in Angular?

Answer 2

Sie diesen Code verwenden können: http://www.w3schools.com/angular/ng_ng-model-options.asp

Answer 3

Nein, ngModel sollte nicht solche Dinge tun, an: ng-model-options

<input ng-model="name" ng-model-options="{updateOn: 'blur'}"> 

für weitere Informationen Sie auf diesen Link können versuchen, An diesem Punkt ist es besser, die Logik aus der Ansicht zu verschieben. Für dieses Szenario können Sie $watch verwenden und den Wert accNumber im Controller abrufen.

Arbeits Demo:

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl',function($scope) { 
 
    $scope.$watch('formData.glCode', function(){ 
 
     console.log($scope.accNumber); 
 
    }); 
 
    $scope.editAccountNumber = function(glCode) { 
 
     return glCode; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <input type="text" 
 
     ng-model="formData.glCode" 
 
     ng-change="accNumber = editAccountNumber(formData.glCode)"/> 
 
</div>