Javascript 单击表中的特定数字时，如何使其重定向到不同的弹出窗口/表

根据json数据创建的表如下所示：

//http request from json data
$http({
     method: 'GET',
     url: '/Home/GetJson'
}).then(function successCallback(response) {
     console.log(response);
     $scope.jsonData = response;

     var data = response.data;
     $scope.ngData = response.data;
})

var表=$（''）；
var someRow=“ProductP1P2P3P4Total”；
$（“#表”）.append（someRow）；
对于（var i=0；i此代码与AngularJS无关。
这是一个纯JS/JQuery代码

因此，我将提供关于JQuery的回复

您需要在创建单元格后动态创建一个事件，以便为每个按钮加载弹出窗口，例如：

    var table = $('<table id="Table"></table>');
    var someRow = "<tr class='someClass' ><th id='header1' >Product</th><th>P1</th><th>P2</th><th>P3</th><th>P4</th><th>Total</th></tr>"; 
    $("#Table").append(someRow);
    for (var i = 0; i <data.length; i++) {
        var tr = $('<tr></tr>');
        for (var key in data[i]) {
            var td = $('<td></td>');
            td.attr('class', key);
            td.append("<a href='#'>" + data[i][key] + "</a>");
            tr.append(td);
        }
        table.append(tr);
    }
    $('#div1').html(table.prepend(someRow));             

for（变量i=0；i

此代码应在元素位于DOM上之后添加；因此在：
$（'#div1'）.html（table.prepend（someRow））；

------编辑

经过更多的分析，我发现您混合了AngularJS和JQUERY！
这是一个巨大的错误，因为JS和Angular的工作原理不一样。

因此；或者更改Json的加载部分；添加plan$ajax加载系统；或者使用Jquery删除DOM的动态创建并添加标准的JS行为

for(var i=0;i< data.length;i++)
{
  for(var key=0;j< data[i].length;j++)
  {
    data[i][j].addEventListener('click',function(){
      // Your On Click code to load your modal

    },false);
  }
}