如何填充 Materialize.css 芯片自动完成数据？

Question

有一个预先写入值的示例：

$('.chips-autocomplete').material_chip({
    autocompleteData: {
      'Apple': null,
      'Microsoft': null,
      'Google': null
    }
  });

但我需要从包含多个字符串值的数组动态填充值。我尝试过类似的方法，但它不起作用。

my_data = $.parseJSON(data);                        

$('.chips-autocomplete').material_chip({
    autocompleteData: {
        $.each(my_data, function(index, value) {
            value : null;                           
        });
    }                                                       
});

Answer 1

您可以先创建对象，然后再传递它：

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

var my_data = {
  "0":"Apple",
  "1":"Microsoft",
  "2":"Google"
}

var myConvertedData = {};

$.each(my_data, function(index, value) {
  myConvertedData[value] = null;
});

$('.chips-autocomplete').material_chip({
  autocompleteData: myConvertedData
});

JSFiddle