angular - 如何在角度表单验证中使用列表值验证 ngModel？

Question

我需要验证一个关于角度的列表。此验证将确保列表不为空并且至少具有一个值。

实际上，我在具有列表的组件上使用 required ，这可以很好地确保列表不为空，但现在我需要在列表为空时显示错误。

我想到了一个指令，例如角度指南上的示例，但我不知道如何使用具有列表值的 ngModel 执行此操作。

角度版本：6.0.0

标签： angular

Answer 1

如果您不提供您尝试实现的目标的代码示例并向我们展示您迄今为止所做的尝试，那么很难回答您的问题。如果我理解正确，您希望根据列表的大小或是否为空来显示/隐藏组件/html 元素。你可以用一个简单的 *ngIf 来做到这一点

<div *ngIf="myList.size() > 0">
   Only shows when your List is not null and has 
   elements inside
</div>