如何通过javascript将ng-click嵌入到现有的HTML元素中

Question

我有一个名为datatable的指令。这基本上是一个自定义模板表，将在应用程序范围内使用。列的值由范围变量$scope.getDisplayObject提供给它。我需要下载一个blob文件，因此需要在移动时修改html，同时为表中的一个特定列提供值。 这是代码：

$scope.getDisplayObject = function(obj, key) {
        var key = key.Fields[0].Key;
        var valueObj = { value: obj[key],
                         color: '#6495ED'
                       };
        if (key == "col_for_downloadable_link") {
            //Code to write the downloadable link. The blob will be the value corresponding to this particular key and can be accesses as obj[col_for_downloadable_link]
        }
        return valueObj;
  };

我已经尝试过以下解决方案：

valueObj.value='<a href="#" ng-click=download(document) target="_blank">Content</a>'

• 尝试通过$ compile进行编译和追加，但无论如何都无法解决。

请提出解决方案。如果我需要分享更多信息，请告知我们。

Answer 1

不确定我是否正确理解了这个问题，但请看一下：

https://plnkr.co/edit/zsIklpQUT72YoBBDg0rr?p=preview

<td><a href="#" ng-click={{item.link}} target="_blank">{{item.linkName}}</a></td>

如果您的html在ng上单击对范围变量{{item.link}}的引用，则在更改范围变量，更新链接（在href或ng-click调用中）时它将更新一个功能）。