Materialize Chips Limit选项不起作用

Question

我正在使用实体化芯片自动完成，但我认为限制选项不起作用。有了限制选项，我想它指的是可以选择的最大芯片数量。例如，我设置了限制3，但它允许我添加所有可用的。如何限制最多选择3个选项？

html代码

<div class="chips-autocomplete"></div>

芯片初始化

<script src="js/materialize.js"></script>    
<link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
<script type="text/javascript">
$('.chips-autocomplete').chips({
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Android': null,
'Facebook': null,
'Twitter': null,
'Amazon': null,
'Google': null
},
limit: 3,
minLength: 1
}
});
</script>

Answer 1

Materialize芯片有两个限制选项。自动完成内限制选项和芯片内限制选项：

• 自动完成选项=>这限制了您在尝试添加新芯片时看到的建议数量。参考文件中的此处：https://materializecss.com/autocomplete.html
• 芯片选项=>这设置了允许的最大芯片数，这正是您想要的。参考文件中的此处：https://materializecss.com/chips.html

因此，要获得可以添加的芯片数量限制，请将限制移动到autoCompleteOptions之外，如

<script type="text/javascript">
$('.chips-autocomplete').chips({
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Android': null,
'Facebook': null,
'Twitter': null,
'Amazon': null,
'Google': null
}
},
limit: 3,
minLength: 1
}
});
</script>