这里我收到一条名为&#34的错误消息;重复标题"在服务器端的身体本身。但我的问题是,在这个例子中标题长度应该是24个字符。但如果标题存在,则会显示错误消息。
但是我的要求是,如果在我们输入下一个字母后它是重复的标题,则重复的消息将需要消失...
这是代码...
<div class="col-md-12">
<form name="taskForm" class="form-horizontal" ng-submit="create()">
<div class="form-group">
<div class="col-xs-10 col-md-11">
<input name="title" type="text" class="form-control place" ng-model="title" id="title" placeholder="Enter Task Timer Here">
<span ng-show="duplicateTitle" class="text-danger">Duplicate Task Title. Please choose Unique Title!</span>
</div>
<div class="col-xs-1">
<span ng-click="create()" class="glyphicon glyphicon-plus plusIcon"></span>
</div>
</div>
</form>
</div>
控制器文件是......
$scope.create = function () {
var currentDate = new Date();
for (var i = 0; i < $scope.tasks.length; i++) {
if ($scope.tasks[i].title === this.title) {
$scope.duplicateTitle = true;
console.log("duplictae" + $scope.duplicateTitle);
return;
}
}
var task = new Tasks({
'title': this.title,
'description': this.description,
'duration': 0,
// 'lastStart': currentDate
});
task.$save(function (response) {
//$location.path('tasks');
$scope.duplicateTitle = false;
//$scope.tasks.push(response);
$scope.tasks = Tasks.query();
$scope.title = '';
$scope.description = '';
}, function (errorResponse) {
$scope.error = errorResponse.data.message;
});
};
答案 0 :(得分:0)
您可以将ng-change="duplicateTitle = false"
属性添加到输入中。这将在输入更改后清除错误消息。