ng-clickを動的に追加する方法

Question

動的に生成されたスパンにng-clickディレクティブを追加する必要があります。スパンは選択したテキストをラップします。

range = window.getSelection().getRangeAt(0); 
var span = document.createElement("span"); 
$(span) .addClass("comment") 
      .attr("id", short_id +"_"+ n_comment) 
      .attr("ng-click", "showComment()") 
      .append(range.extractContents()); 
range.insertNode(span); 

上記のコードは、選択を取得し、スパンでそれをラップしますが、ng-clickは動作しません。
角度指示は動的に生成されるので、$compileでコンパイルする必要がありますが、この場合はコンパイルの実行方法がわかりません。

どうすれば解決できますか？皆さん、ありがとうございました。

Answer 1

私はこのコードで私自身のことで解決：

range = window.getSelection().getRangeAt(0); 
var span = document.createElement("span"); 
$(span) .addClass("comment") 
      .attr("id", short_id +"_"+ n_comment) 
      .attr("ng-click", "showComment()") 
      .append(range.extractContents()); 
range.insertNode(span); 
getScope(span); 

と機能getScope：

function getScope(el){ 
    var $scope = angular.element(el).scope(); 
    $scope.view(el); 
} 

私はスパンの範囲を取得する。このように、と私はコンパイルview()機能で動的に生成されるhtml：

$scope.view = function(element){ 
    $compile(element)($scope); 
} 

要素をコンパイルした後、ng-clic k作品。 ありがとうございます。