angularjs - angular jsで重複したタイトルを解決するにはどうすればよいですか?

Question

ここで、サーバー側から本文自体に「重複したタイトル」というエラーメッセージが表示されます。しかし、私の問題は、この例ではタイトルの長さを 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;
            });
        };