javascript - 无法在函数 Javascript 中传递对象

Question

以下是我的 plnkr，如果我没有将任何参数传递给我的 open1 方法，但我需要在 $scope.open1 中传递一个对象，它工作正常方法，但它抛出错误。

让我知道我做错了什么。

Plnkr - http://plnkr.co/edit/dzYfy1qtmBD3ng804nXR?p=preview

我遇到问题的代码 -

  function imageHtml(data, type, full, meta) {
    // Error here
    var testData = {"key1": "val1", "key2": "val2"};
        return '<img src="'+data+'" ng-click="open1('+testData+')" />';
    }

我通过此方法提醒数据 -

  $scope.open1 = function(data) {
    alert(data);
  };

编辑-

图像点击时需要传递数据。

Answer 1

您需要对对象进行 json 处理，使其成为供您连接的字符串。

return '<img src="'+data+'" ng-click=\'open1('+JSON.stringify(testData)+')\' />';

编辑:如果您的数据包含一些单引号，不确定这是否有效。你可能必须逃离他们。