追加の私は、複数のタグ内にコンパイルされたHTML文字列を追加しようとしていますフォローコードを持って

Question

HTMLタグの子が、要素が挿入されbeeingていません。

for (var i = 0; i < boxes.length; i++) { 
    var ctxmenu = $compile('<a context-menu="menuOptions">click here</a>')($scope); 
    document.getElementById("box-"+i).append(ctxmenu[0]); 
} 

私はfor loopせずにそれを追加しようとした場合次のようになります。

document.getElementById("box-"+i).append(ctxmenu[0]); 

次に動作します。 これを行う方法は何ですか？

問題

---

EDITは、私が代わりに.appendChild()の.append()方法を使用していたということでした。

Answer 1

javascriptは、.appendChild(NodeElement)です。

Node.appendChild()メソッドは、指定された親ノードの 子のリストの末尾にノードを追加します。指定された子が文書内の既存ノードに対する参照 である場合、appendChild()は、 現在位置から新しい位置に移動します（ ノードを親ノードから削除してから別の ノードに追加する必要はありません）。 ）。

変更：

document.getElementById("box-"+i).append(ctxmenu[0]); 

へ：

document.getElementById("box-"+i).appendChild(ctxmenu[0]); 

.append()方法はjqueryに属します。