在laravel-blade中生成动态css类

Question

我处于一个典型的场景中，我希望根据是否发生了错误来更改css类。如下所示，其中的has-error应该相应地更改。

<div class="form-group has-error">

这个项目在Laravel，到目前为止，我们主要想用Blade做所有的事情，我们想出了下面的解决方案，虽然可行，但看起来一点也不美观或直观，所以问题是，有没有更好的方法来做到这一点？

<div class="form-group
@if($errors->has('email'))
        has-error
@endif
">

Answer 1

尝试if else条件简写代码：

<form class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">

这看起来很整洁。

即使是Laravel 5.2身份验证表单也是这样做的。

Answer 2

这就是我要做的。你也可以这样做：

@if($errors->has('email'))
    <div class="form-group has-error"> 
       //You can also edit classes of other elements 
    </div>
@else
    <div class="form-group"></div>
@endif

Answer 3

您可以使用数组来存储类名称

@php
$formGroupClasses = ['form-group'];

if ($errors->has('email')) {
  $formGroupClasses[] = 'has-error';
}
@endphp

然后内爆它们来创建一个字符串

<form class="{{ implode(' ', $formGroupClasses) }}">