我怎么能用角js中的重复标题来解决?

时间:2014-12-04 10:28:19

标签: angularjs rest duplicate-removal meanjs

这里我收到一条名为&#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;
            });
        };

1 个答案:

答案 0 :(得分:0)

您可以将ng-change="duplicateTitle = false"属性添加到输入中。这将在输入更改后清除错误消息。