Question

是否有可以添加到material_chip的选项（例如）以使其成为可能？（官方文档没有说明是否或如何实现这一目标）。如果没有，我可以用什么方法来实现这个目标？

Answer 1

您可以使用chip.add和chip.delete事件来禁用添加新标记的可能性，并在用户删除任何标记时再次启用。例如：

$('.chips').on('chip.add', function(e, chip){
    // Check current number of tags/chips - disable if need
});

$('.chips').on('chip.delete', function(e, chip){
    // Enable again
});

Answer 2

对于那些面临相同问题并需要快速解决方案的人来说，这是一个确定最大标签数的小例子

var chipCounter =0;
    $('.chips').on('chip.add', function(e, chip){
        chipCounter++;
        if (chipCounter >= 5){
            console.log('5 max');

            $('.chips > .input').attr('disabled', 'disabled');
            $('.chips-placeholder').materialChip({
                placeholder: 'You have 5 tags maximum ',
            });

        }

    });
    $('.chips').on('chip.delete', function(e, chip){

        chipCounter--;
        if (chipCounter < 5){
            $('.chips-placeholder').materialChip({
                placeholder: 'Enter a Tag ',
            });
            $('.chips > .input').removeAttr('disabled')
        }
    });

如何在Materialise CSS标记输入上设置最小和最大标记数

2 个答案: