动态地向MDL表添加行

时间:2016-12-26 15:13:22

标签: javascript material-design

我希望在MDL格式的表中添加一个新行。但是当我尝试将下面的类放入... class =" mdl-data-table__cell - non-numeric" ...

我收到了一些错误:

  

拒绝加载脚本' https://code.getmdl.io/1.3.0/material.min.js'因为它违反了以下内容安全策略指令:" script-src' self' blob:filesystem:chrome-extension-resource:"。

我已粘贴以下代码的相关部分:

while(newlink!=null)
  {
    console.log(newlink);    
    var title = newlink.title;
    var url = newlink.url;
    if (title.length > 50)
      title = title.substr(0, 50) + "...";
    if (url.length > 50)
      url = url.substr(0, 50) + "...";
    var date = newlink.date;
    var time = newlink.time;
    var row = table.insertRow(i).outerHTML="<tr id='row"+i+"'><td id='title"+i+"'>"+title+"</td><td id='url"+i+"'>"+url+"</td><td id='date"+i+"'>"+date+"</td><td id='time"+i+"'>"+time+"</td><td><input type='button' id='edit_button"+i+"' value='Edit' class='edit'> <input type='button' id='save_button"+i+"' value='Save' class='save' ></td></tr>";

我在每行末尾都包含了编辑和保存内容的按钮。

1 个答案:

答案 0 :(得分:1)

您好,您必须在manifest.json文件中设置"content_security_policy":"script-src 'self' https://code.getmdl.io; object-src 'self'",以获取参考资料,请查看https://developer.chrome.com/extensions/contentSecurityPolicy#relaxing-inline-script