javascript - 格式化从 Laravel API 获取的 AngularJS ng-repeat 文本

Question

我有一个 Laravel 5.2 后端 API 和一个 AngularJS 前端，有时我会执行 Laravel 验证，如果验证失败，则会返回错误。

当我迭代错误并将其显示在前端时，我得到如下内容:

["The email has already been taken."]

我也想成为这样的人

The email has already been taken.

没有[""]东西。

我的代码是:

Angular Controller :

if (error.statusText === "Unprocessable Entity") {

          $scope.registerErrors = error.data;
}

Angular 模板:

<div class="alert alert-warning animated pulse" ng-if="registerError && isLoading === false">
<p ng-repeat="(error, errorText) in registerErrors">{{errorText}}</p>
</div>

Laravel Controller :

$this->validate($request, [
          'firstname' => 'required|max:100|min:3',
          'lastname' => 'required|max:100|min:3',
          'email' => 'required|email|unique:users|max:255',
]);

控制台.log:

提前致谢!

Answer 1

因为 errorText 包含 email 数组，并且您显示了完整的电子邮件数组。如果电子邮件包含多个错误，则可以尝试像:

<p ng-repeat="(error, errorObject) in registerErrors">
  <span ng-repeat=" singleError in errorObject">{{singleError}}</span>
</p>

或者对于单个错误可以尝试:

<p ng-repeat="(error, errorText) in registerErrors">{{errorText[0]}}</p>

或者只分配error.data.email而不是error.data

if (error.statusText === "Unprocessable Entity") {
     $scope.registerErrors = error.data.email;
}