Angular JS：部分フォームフィールドの値を設定しますか？

Question

私は奇妙な要求を受けました。

クライアントは、フォームの「電話」フィールドにあらかじめ入力されている電話番号の国コードを希望します。ときに、ユーザータブフィールドに以外ng-model="0 33 " ...

を行うのに十分簡単で、全体の内容は、選択した、とに上書きします。

は、誰もがフィールドにタブ移動すると、単純にフィールドにng-modelときに、ユーザータブから後の既存のコンテンツに挿入ポイントを配置しますので、ユーザーは簡単に続けることができますので、それをセットアップする方法を考えることができます電話番号を入力しますか？

それはあなたが使用して入力の末尾にカーソルを実行することができます0 33 |

Answer 1

ようになるように：

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

例：

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>