如何在角度形式验证中使用列表值验证ngModel?

时间:2018-07-11 11:41:28

标签: angular

我需要验证角度列表。此验证将确保该列表不为null,并且至少具有一个值。

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

我想到的是一个指令,例如角度指南上的示例,但是我不知道如何使用具有列表值的ngModel来做到这一点。

角度版本:6.0.0

1 个答案:

答案 0 :(得分:0)

如果您没有提供尝试实现的代码示例并向我们展示您到目前为止已经尝试了什么,那么很难回答您的问题。如果我对您的理解正确,那么您希望根据列表的大小或为null来显示/隐藏component / html元素。您可以使用简单的* ngIf

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