Angular JS：设置部分表单字段值？

Question

我收到了一个奇怪的请求。

客户希望在表单的“电话”字段中预先填充电话号码的国家/地区代码。与ng-model="0 33 " ...

一样容易

除非用户标签进入该字段，否则将选择整个内容并进行过度输入。

任何人都可以考虑设置它的方法，因此在用户标签到ng-model时，只需在0 33 |中放置插入点 后插入点字段，用户可以直接输入电话号码吗？

这就像{{1}}

Answer 1

您可以使用以下命令将光标运行到输入的末尾：

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

示例：

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

app.controller("testCtrl", function ($scope) {	
  $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>