multiple-limit
属性,并将其设置为您要限制的最大多选项数,例如在此示例中我们将其设置为3。
{{$item.value}}
{{value}}
ui-select
元素变更的函数中。此代码段将检查当前选定的项目数,如果它们超过了您在第一步中设置的多选项限制,则显示警报。$scope.$watch('selectedValues', function(newVal, oldVal) {
if (newVal.length > $scope.selectedValues.$$parentForm.$$controls[0].multipleLimit) {
alert('You can select only ' + $scope.selectedValues.$$parentForm.$$controls[0].multipleLimit + ' items.');
$scope.selectedValues.pop();
}
}, true);
此解决方法将在当用户选定的项目数目超过多选项限制时,弹出警报,并从ui-select
中移除最后选择的项目。