如何通過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調用函數時）。 。