动态向 MDL 表添加行答案

【问题标题】：Adding rows to MDL tables dynamically动态向 MDL 表添加行
【发布时间】：2016-12-26 15:13:21
【问题描述】：

我希望在 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>";

我在每行末尾添加了用于编辑和保存内容的按钮。

【问题讨论】：

显示你的menifest.json

标签： javascript material-design

【解决方案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

【讨论】：