Angular JS: Teilformularfeldwert einstellen?

Question

Ich habe eine seltsame Anfrage erhalten.

Der Kunde möchte den Ländercode einer Telefonnummer im Feld "phone" im Formular vorbelegt haben. Leicht genug, um mit ng-model="0 33 " ...

außer wenn ein Benutzer Tabs in das Feld zu tun, wird der gesamte Inhalt ausgewählt werden und overtyped.

kann jeder denken Sie an einen Weg, um es so einrichten, in das Feld Tabbing einfach die Einfügemarke nach die bereits vorhandenen Inhalte aus dem ng-model, wenn der Benutzer Registerkarten in das Feld, so kann der Benutzer einfach weiter die Telefonnummer eingeben?

Damit wäre es wie 0 33 |

Answer 1

Sie können den Cursor an das Ende des Eingangs laufen mit:

onfocus="this.value = this.value;" 

Beispiel:

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

 
app.controller("testCtrl", function ($scope) { \t 
 
    $scope.foo = "0 33 "; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="TestApp" ng-controller="testCtrl"> 
 
    <input ng-model="foo" onfocus="this.value = this.value;" /> 
 
</div>