拦截angularjs中的Laravel验证错误

Question

我目前正在使用angular js前端并使用Laravel作为后端api为我的网站编写联系表单。 这是我作为一个领域的例子。

<div class="row">
   <div class="form-group col-xs-12 floating-label-form-group">
      <label for="title">Your Name*</label>
      <input class="form-control" ng-model="contact_name" type="text" name="contact_name" placeholder="Your Name*">
      <span ng-if="errors.contact_name[0]" class="alert-danger">@{{ errors.contact_name.toString()}}</span>
   </div>
</div>

这会通过我的控制器拨打电话。

$scope.processForm = function ()
{
    $scope.submissionSuccess = false;
    $scope.errors = null;
    $http({
        method:'POST',
        url:'/api/post-form',
        data:{
            _token: $scope._token,
            contact_name:$scope.contact_name,
            contact_email:$scope.contact_email,
            phone:$scope.phone,
            message:$scope.message
        }
    }).success(function(data, status, headers, config){

        /*CLEAR FORM FIELDS*/
        $scope.submissionSuccess = true;
        $scope.contact_name = '';
        $scope.contact_email = '';
        $scope.phone = '';
        $scope.message = '';

        // SHOW SUCCESS FOR 2 SECONDS.
        $timeout(function () {
            $scope.submissionSuccess = false;
        }, 2000);

    }).error(function(error){
        $scope.errors = error.data;
    });
}

然后将其传递给我的laravel控制器。 当我将数据登录到控制台时，我得到了。

对象错误：对象contact_email：数组[1] 0：“联系人电子邮件字段为必填。” 长度：1 原型 ：Array [0] contact_name：Array [1] 0：“联系人姓名字段为必填。” 长度：1 原型 ：Array [0]消息：Array [1] 0：“消息字段是必需的。”

我将如何显示错误消息？

Answer 1

也许您可以尝试这样。

<span class="has-error" ng-repeat="error in errors.contact_name">{{ error }}</span>

希望能有所帮助。