Question

我有角度验证信息如下。我想在一行中显示错误消息，用逗号分隔并以fullstop结束。

我尝试下面但没有工作。当只有一条错误消息时，将显示逗号。请注意，我期待纯粹的css解决方案。

<div class="validation-error-message">
    <span ng-message="form.email.$error" role="alert">
        <span ng-message="email">Invalid email</span>
    <span>
    <span ng-message="form.password.$error" role="alert">
        <span ng-message="minlength">Password does not meet minlength</span>
    <span>
</div>

我尝试了什么：

.validation-error-message {
    span > span::after {
        content: ', '
    }

    span:last-child > span::after {
        content: '.'
    }
}

预期结果样本：
电子邮件无效。
密码不符合最小长度电子邮件无效，密码不符合最小长度。

Answer 1

您可以尝试其他方式

.validation-error-message >span
{
  float:left;
  clear:both;
}

使用逗号分隔符分隔ng-message

1 个答案: