angularjs - 如何使用 promise 验证 ng-tags-input？

Question

我正在尝试通过调用服务器端 api 来验证添加的标签。以下是代码。

 <tags-input ng-model="user.trucks" 
             add-on-space="true" 
             on-tag-adding="checkTruck($tag)">
 </tags-input>

在我写的控制器中，

$scope.checkTruck = function(tag){
  var x = $q.defer();

  someService.checkTruck(tag).then(function(response){
      x.resolve(true);
  }, function(response){
      x.reject(false);
  });

  return x.promise; 
};

虽然文档说 on-tag-adding 可以接受承诺并验证添加的标签，但它不是那样工作的。我错过了什么吗？

Answer 1

你知道你需要从你的resolve和reject处理程序返回值！？

$scope.checkTruck = function(tag){
    var deferred = $q.defer();

    someService.checkTruck(tag).then(function(response){
        return deferred.resolve(true);
    }, function(response){
        return deferred.reject(false);
    });

    return x.promise; 
};

然后，我们可以删除您在那里完成的显式承诺构造，并返回一个已解决或已拒绝的承诺，这将使您在没有延迟对象的情况下保持布尔值。

$scope.checkTruck = function(tag){
    return someService.checkTruck(tag).then(function(response){
        return $q.when(true);
    }, function(response){
        return $q.reject(false);
    });
};

这就是我进行验证的方式

有关更多信息，请参阅$q 文档.when。