Question

我的数据库中的字符串用“，”分隔，如此

"a","b","c","s"

所以我想在materialize css

中逐个追加这个字符串值

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

中的这个div标签

像这样

$('.chips-initial').material_chip({
data: [{
  tag: 'Apple',
}, {
  tag: 'Microsoft',
}, {
  tag: 'Google',
}], });

但我无法管理像Json对象数据这样的字符串数据。

1 个答案:

答案 0 :(得分：0)

Answer 1

我不确定您是否找到了上述问题的解决方案。这可以帮助其他人使用来自数据库/ JSON的Materialise CSS芯片数据。

我们需要将自己的字符串写入数组对象函数以使用Materialise CSS芯片中的数据

var UserPreferenceZoneData = [];

function GetUserPreference(stringdata)
{
    var userstate = stringdata; 
    var userstatearray = userstate.split(",");
    //JSON Lookup data for your string
    var ZoneJSONDataUse = {zonelist: { zone_id: a, zone_name: 'Apple'}, { zone_id: b, zone_name: 'Ball'}, }
    $.each(userstatearray, function(i, userstate) {
      $.each(ZoneJSONDataUse.zonelist, function(index, zone) {
        if(userstatearray[i]==zone.zone_id)
        {
          var obj = { id: zone.zone_id, tag: zone.zone_name };
          UserPreferenceZoneData.push(obj);
        }
      });
    });
}

//Call User Preference
var stringdata = "a,b,c,s"; // Pass your string data from database/JSON here
GetUserPreference(stringdata);

//Now chips tag generated on your chip element
  $('.chips-initial').material_chip({
    data: UserPreferenceZoneData,
   });

最初从物化css中的数据库设置芯片数据

1 个答案: