2014-12-04 18 views
0

在这里,我从服务器端获取错误消息,称为“重复标题”在身体本身。但我的问题是,在这个例子中,标题长度应该是24个字符。但是,如果标题存在,那么它会显示一条错误消息。我可以如何解决与角js中的重复标题?

,但我的要求是什么,如果是重复的标题,我们进入下一个字母重复的消息将需要消失了之后

这里是该代码...

<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

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