时间戳

首页 > 解决方案 > 如何在 MultiSelect 中应用 ng-required？

angularjs - 如何在 MultiSelect 中应用 ng-required？

问题描述

我在 Angular js 中使用 searchable-multiselect，ng-required=true 在 multiselect 中不起作用。如何在 MultiSelect 中应用 ng-required？

<searchable-multiselect display-attr="name"  selected-items="users.user" all-items="allusers" ng-required=true

add-item="add(item,user)" remove-item="remove(item,user)" ng-model="dropdownValues">

标签： angularjsmulti-select

解决方案

您只能应用于ng-required需要ng-model. 查看searchable-multiselect指令，它不需要ng-model也没有任何required配置。

对此进行表单有效性的最简单方法是添加一个隐藏的输入，其中包含您可以对其执行有效性的内容。在这种情况下，您可以使用存储数据的模型对象。在下面的示例中，我们正在检查所选项目的长度并要求至少有 1 个条目。

<input 
    style="display: none;" 
    type="number"
    ng-model="dropdownValues.length" 
    ng-required="true" 
    min="1" />

工作 Plunkr：http ://next.plnkr.co/edit/gkxUvPVK0NkdOewj

推荐阅读