AngularJS，將預定義的DOM元素插入html

Question

我在results數組的每個元素中都有一個預定義的Canvas元素，該元素在ng-repeat 。 我需要將此畫布放置在ng-repeat的每個元素中。 {{result.canvas}}無法正常工作並顯示錯誤。 試圖通過指令插入畫布，但沒有成功。

results中的每個元素都有一堆數據和一個Canvas DOM元素。 例如：
result.canvas = document.createElement("canvas");

我需要將此畫布插入HTML：

<div class="result" data-ng-repeat="result in results" data-ng-if="!result.error">
  <div class="result-image">
    <div class="result-image-display">
      <div data-ng-style="computeStyle(result)">
      {{result.canvas}}
      </div>
    </div>

出現錯誤： https://docs.angularjs.org/error/$interpolate/interr?p0=%0A%20%20%20%20%20%20%20%20%20%20%7B%7Bresult.canvas%7D%7D%0A%20%20%20%20%20%20%20%20%20%20&p1=TypeError:%20Converting%20circular%20structure%20to%20JSON : https://docs.angularjs.org/error/$interpolate/interr?p0=%0A%20%20%20%20%20%20%20%20%20%20%7B%7Bresult.canvas%7D%7D%0A%20%20%20%20%20%20%20%20%20%20&p1=TypeError:%20Converting%20circular%20structure%20to%20JSON

我需要知道如何將DOM元素插入HTML而不出現此錯誤。

Answer 1

Angular應該執行$ interpolate來替換雙曲，而docs中的$ interpolate表示參數應該是字符串。 但是您的畫布不是字符串。

https://docs.angularjs.org/api/ng/service/$interpolate