我正在使用 Angularjs 和 bootstrap 创建一些表单,我想使用无法删除的默认值来初始化输入。
我不想使输入只读或禁用它,我想用一些无法删除的文本初始化输入,但让用户在该文本后写入。
Example
代码:xyz-用户想要写入的任何文本
我希望用户无法删除“xyz”,但他可以在之后写入
它。
<input class="form-control" placeholder="write the code"
name="code"
ng-model="proyect.code"
required>
EDIT默认值不能删除我的意思是该值必须是不可删除的,即使用户按删除键删除它也必须保留在输入字段中。 “xyz-”文本必须永久保留在输入中,用户只能删除他在“xyz-”之后写入的文本
您可以简单地检查defaultValue
with ngChange https://docs.angularjs.org/api/ng/directive/ngChange:
angular
.module('MyApp', [])
.controller('MyController', function($scope) {
var defaultValue = 'xyz-';
$scope.proyect = {};
$scope.proyect.code = defaultValue;
$scope.checkDefaultValue = function() {
if (!$scope.proyect.code || defaultValue !== $scope.proyect.code.substring(0, 4)) {
$scope.proyect.code = defaultValue;
}
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyApp" ng-controller="MyController">
<input class="form-control"
placeholder="write the code"
name="code"
ng-change="checkDefaultValue()"
ng-model="proyect.code"
required>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)